Для создания диалоговых / модальных окон служит класс DialogFragment. Как уже поняли название класса подразумевает использование одного фрагмента в нескольких местах, поэтому и название заканчивается на Fragment.
Для ознакомления с диалоговыми / модальными окнами создайте проект с макетом Empty Activity. Добавьте класс, нажав правой кнопкой мыши на папку с название пакета, назовите класс MyDialog и в поле Superclass напишите DialogFragment и если система предложит названия классов выберите androidx.fragment.app или же в поле Superclass сразу напишите androidx.fragment.app.DialogFragment.
В папку layout добавьте новый файл макета с названием dialog_layout и как корневой элемент укажите LinearLayout.
Откройте файл dialog_layout.xml и напишите
следующий код:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">
<RadioGroup
android:id="@+id/group"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton
android:id="@+id/v1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Variant 1" />
<RadioButton
android:id="@+id/v2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Variant 2" />
<RadioButton
android:id="@+id/v3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Variant 3" />
</RadioGroup>
</LinearLayout>
Откройте файл activity_main.xml и напишите следующий код:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/hello"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
android:textColor="#000"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/opendialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Open Dialog"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@id/hello" />
</androidx.constraintlayout.widget.ConstraintLayout>Откройте файл res/values/colors.xml, в этом файле есть три значения для цвета, которые используются системой. Измените значения цветов как показано ниже:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#3fb559</color>
<color name="colorPrimaryDark">#309f57</color>
<color name="colorAccent">#008600</color>
</resources>Код файла MainActivity.java измените следующим образом:
public class MainActivity extends AppCompatActivity {
Button openDialog;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
openDialog = findViewById(R.id.opendialog);
openDialog.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// Объявление и инициализация нового экземпляра диалога
MyDialog dialog = new MyDialog();
// Показать диалоговое окно
dialog.show(getSupportFragmentManager(), "MyDialog");
}
});
}
}
Код файла MyDialog.java измените на нижеследующий:
public class MyDialog extends DialogFragment {
@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
// Объявить и инициализировать экземпляр класса AlertDialog.Builder с передачей контекста конструктору
AlertDialog.Builder alert = new AlertDialog.Builder(getActivity());
// Установить заголовок диалогового окна
alert.setMessage("Choose something");
// Эта функция делает диалоговое окно не закрываемым по нажатию на кнопку назад или вне диаологового окна
setCancelable(false);
// Получить экземпляр класса LayoutInflater
LayoutInflater inflater = getActivity().getLayoutInflater();
// Присвоить полученный макет локальной переменной экземпляру класса View
final View v = inflater.inflate(R.layout.dialog_layout, null, false);
// Установить полученный макет в качестве макета диалогового окна
alert.setView(v);
// В файле макета dialog_layout.xml есть RadioGroup который содержит 3 RadioButton. Через RadioGroup получить информацию о выбранном RadioButton легче, потому что в данном случае обработчик изменения выбора подключается только к RadioGroup
RadioGroup group = v.findViewById(R.id.group);
// Подключить обработчик при изменении выбранного элемента внутри RadioGroup
group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
// Получить id выбранной кнопки и по id получить ссылку на выбранную радио кнопку
RadioButton rb = v.findViewById(group.getCheckedRadioButtonId());
// Показать сообщение с текстом и id выбранной кнопки
Toast.makeText(getContext(), "Выбрана кнопка " + rb.getText() + checkedId, Toast.LENGTH_SHORT).show();
}
});
// Устанавливает кнопку подтверждения и обработчик события клик для кнопки
alert.setPositiveButton("Confirm", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(getContext(), "Positive button clicked", Toast.LENGTH_SHORT).show();
// Закрыть диалоговое окно функцией dismiss();
dismiss();
}
});
// Устанавливает кнопку отклонения и обработчик события клик для кнопки
alert.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dismiss();
}
});
// Вернуть экземпляр диалогового окна для показа
return alert.create();
}
}
Реклама
