Okna

Wypróbuj sposób tworzenia wiadomości

Jetpack Compose to zalecany zestaw narzędzi UI na Androida. Dowiedz się, jak dodawać komponenty w narzędziu Compose

Okno alertu →

Okno dialogowe to małe okno, które zachęca użytkownika do podjęcia decyzji lub wpisania dodatkowych informacji. Okno nie wypełnia ekranu i zwykle jest używane w przypadku zdarzeń modalnych, które wymagają od użytkownika wykonania działania, zanim mogą kontynuować.

Klasa Dialog jest klasą podstawową dla okien, ale nie twórz bezpośrednio instancji Dialog. Zamiast tego użyj jednej z tych podklas:

AlertDialog

Okno, które może zawierać tytuł, maksymalnie 3 przyciski, listę elementów do wyboru lub układ niestandardowy.

DatePickerDialog lub TimePickerDialog

Okno ze wstępnie zdefiniowanym interfejsem, które pozwala użytkownikowi wybrać datę lub godzinę.

Te klasy określają styl i strukturę Twojego okna. Potrzebny jest też element DialogFragment jako kontener na okno dialogowe. Klasa DialogFragment udostępnia wszystkie elementy sterujące potrzebne do utworzenia okna i zarządzania jego wyglądem, zamiast wywoływać metody w obiekcie Dialog.

Korzystanie z DialogFragment do zarządzania oknem pozwala prawidłowo obsługiwać zdarzenia cyklu życia, takie jak kliknięcie przycisku Wstecz lub obrócenie ekranu. Klasa DialogFragment umożliwia też ponowne użycie interfejsu okna dialogowego jako komponentu, który można umieścić w większym interfejsie – tak jak tradycyjnego Fragment – na przykład wtedy, gdy interfejs okna ma wyglądać inaczej na dużych i małych ekranach.

W poniższych sekcjach tego dokumentu opisano, jak używać obiektu DialogFragment w połączeniu z obiektem AlertDialog. Jeśli chcesz utworzyć selektor daty lub godziny, przeczytaj artykuł Dodawanie selektorów do aplikacji.

Utwórz fragment okna

Możesz uzyskać różne projekty okien – w tym układy niestandardowe i opisane w oknach interfejsu Material Design – przez rozszerzenie DialogFragment i utworzenie AlertDialog w metodzie wywołania zwrotnego onCreateDialog().

Tak na przykład wygląda podstawowy AlertDialog, którym zarządza DialogFragment:

class StartGameDialogFragment : DialogFragment() {
    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        return activity?.let {
            // Use the Builder class for convenient dialog construction.
            val builder = AlertDialog.Builder(it)
            builder.setMessage("Start game")
                .setPositiveButton("Start") { dialog, id ->
                    // START THE GAME!
                }
                .setNegativeButton("Cancel") { dialog, id ->
                    // User cancelled the dialog.
                }
            // Create the AlertDialog object and return it.
            builder.create()
        } ?: throw IllegalStateException("Activity cannot be null")
    }
}

class OldXmlActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_old_xml)

        StartGameDialogFragment().show(supportFragmentManager, "GAME_DIALOG")
    }
}

public class StartGameDialogFragment extends DialogFragment {
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        // Use the Builder class for convenient dialog construction.
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        builder.setMessage(R.string.dialog_start_game)
               .setPositiveButton(R.string.start, new DialogInterface.OnClickListener() {
                   public void onClick(DialogInterface dialog, int id) {
                       // START THE GAME!
                   }
               })
               .setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
                   public void onClick(DialogInterface dialog, int id) {
                       // User cancels the dialog.
                   }
               });
        // Create the AlertDialog object and return it.
        return builder.create();
    }
}
// ...

StartGameDialogFragment().show(supportFragmentManager, "GAME_DIALOG");

Gdy utworzysz instancję tej klasy i wywołasz show() dla tego obiektu, pojawi się okno, jak pokazano na ilustracji poniżej.

W następnej sekcji znajdziesz więcej informacji o używaniuAlertDialog.Builder interfejsów API do tworzenia okna.

W zależności od tego, jak złożone jest Twoje okno, możesz zaimplementować w DialogFragment różne inne metody wywołań zwrotnych, w tym wszystkie podstawowe metody cyklu życia fragmentów.

Okno tworzenia alertu

Klasa AlertDialog pozwala tworzyć różne projekty okien i często jest jedyną potrzebną klasą. Jak widać na ilustracji, okno dialogowe alertu ma 3 obszary:

• Tytuł: jest opcjonalny i należy go używać tylko wtedy, gdy obszar treści jest zajęty przez szczegółowy komunikat, listę lub układ niestandardowy. Jeśli chcesz wpisać prostą wiadomość lub pytanie, nie potrzebujesz tytułu.
• Obszar treści:może wyświetlić wiadomość, listę lub inny układ niestandardowy.
• Przyciski czynności: w oknie mogą znajdować się maksymalnie 3 przyciski poleceń.

Klasa AlertDialog.Builder udostępnia interfejsy API, które umożliwiają tworzenie AlertDialog z tego rodzaju treściami, w tym z układem niestandardowym.

Aby utworzyć AlertDialog:

val builder: AlertDialog.Builder = AlertDialog.Builder(context)
builder
    .setMessage("I am the message")
    .setTitle("I am the title")

val dialog: AlertDialog = builder.create()
dialog.show()

// 1. Instantiate an AlertDialog.Builder with its constructor.
AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());

// 2. Chain together various setter methods to set the dialog characteristics.
builder.setMessage(R.string.dialog_message)
       .setTitle(R.string.dialog_title);

// 3. Get the AlertDialog.
AlertDialog dialog = builder.create();

Poprzedni fragment kodu generuje to okno:

Dodaj przyciski

Aby dodać przyciski poleceń, takie jak te na ilustracji 2, wywołaj metody setPositiveButton() i setNegativeButton():

val builder: AlertDialog.Builder = AlertDialog.Builder(context)
builder
    .setMessage("I am the message")
    .setTitle("I am the title")
    .setPositiveButton("Positive") { dialog, which ->
        // Do something.
    }
    .setNegativeButton("Negative") { dialog, which ->
        // Do something else.
    }

val dialog: AlertDialog = builder.create()
dialog.show()

AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
// Add the buttons.
builder.setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {
           public void onClick(DialogInterface dialog, int id) {
               // User taps OK button.
           }
       });
builder.setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
           public void onClick(DialogInterface dialog, int id) {
               // User cancels the dialog.
           }
       });
// Set other dialog properties.
...

// Create the AlertDialog.
AlertDialog dialog = builder.create();

Metody set...Button() wymagają nazwy przycisku (dostarczanego przez zasób z ciągiem znaków) oraz nazwy DialogInterface.OnClickListener definiującej działanie, które ma zostać wykonane, gdy użytkownik kliknie przycisk.

Możesz dodać 3 przyciski poleceń:

• Dodatnia: służy do zaakceptowania i kontynuowania działania („OK”).
• Ujemna: służy do anulowania działania.
• Nie mam zdania: użyj tej opcji, gdy użytkownik może nie chcieć kontynuować działania, ale nie chce anulować. Wyświetla się między przyciskami plusów i minusów. Działanie może na przykład wyglądać tak: „Przypomnij mi później”.

Do elementu AlertDialog możesz dodać tylko 1 przycisk każdego typu. Na przykład nie możesz mieć więcej niż 1 przycisku z pozytywnym wynikiem.

Poprzedni fragment kodu wyświetla okno dialogowe alertu podobne do tego:

Dodaj listę

W interfejsach API usługi AlertDialog dostępne są 3 rodzaje list:

• Tradycyjna lista jednokrotnego wyboru.
• trwała lista jednokrotnego wyboru (przyciski wyboru).
• Lista wielokrotnego wyboru (pola wyboru).

Aby utworzyć listę jednokrotnego wyboru, taką jak ta na ilustracji 5, użyj metody setItems():

val builder: AlertDialog.Builder = AlertDialog.Builder(context)
builder
    .setTitle("I am the title")
    .setPositiveButton("Positive") { dialog, which ->
        // Do something.
    }
    .setNegativeButton("Negative") { dialog, which ->
        // Do something else.
    }
    .setItems(arrayOf("Item One", "Item Two", "Item Three")) { dialog, which ->
        // Do something on item tapped.
    }

val dialog: AlertDialog = builder.create()
dialog.show()

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    builder.setTitle(R.string.pick_color)
           .setItems(R.array.colors_array, new DialogInterface.OnClickListener() {
               public void onClick(DialogInterface dialog, int which) {
               // The 'which' argument contains the index position of the selected item.
           }
    });
    return builder.create();
}

Fragment kodu generuje następujące okno:

Lista jest widoczna w obszarze treści okna, więc okno nie może zawierać zarówno wiadomości, jak i listy. Ustaw tytuł okna dialogowego za pomocą setTitle(). Aby określić elementy listy, wywołaj setItems(), przekazując tablicę. Możesz też określić listę za pomocą parametru setAdapter(). Dzięki temu można utworzyć kopię zapasową listy z danymi dynamicznymi, np. z bazy danych, przy użyciu polecenia ListAdapter.

Jeśli wspierasz listę przy użyciu tokena ListAdapter, zawsze używaj parametru Loader, by treść wczytywała się asynchronicznie. Więcej informacji znajdziesz w sekcjach Tworzenie układów z użyciem adaptera i Moduły ładowania.

Dodaj listę trwałej lub jednokrotnego wyboru

Aby dodać listę elementów jednokrotnego wyboru (pola wyboru) lub elementów jednokrotnego wyboru (przyciski wyboru), użyj odpowiednio metody setMultiChoiceItems() lub setSingleChoiceItems().

Aby na przykład utworzyć listę jednokrotnego wyboru, taką jak ta widoczna na ilustracji 6, która zapisuje wybrane elementy w polu ArrayList:

val builder: AlertDialog.Builder = AlertDialog.Builder(context)
builder
    .setTitle("I am the title")
    .setPositiveButton("Positive") { dialog, which ->
        // Do something.
    }
    .setNegativeButton("Negative") { dialog, which ->
        // Do something else.
    }
    .setMultiChoiceItems(
        arrayOf("Item One", "Item Two", "Item Three"), null) { dialog, which, isChecked ->
        // Do something.
    }

val dialog: AlertDialog = builder.create()
dialog.show()

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    selectedItems = new ArrayList();  // Where we track the selected items
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // Set the dialog title.
    builder.setTitle(R.string.pick_toppings)
    // Specify the list array, the items to be selected by default (null for
    // none), and the listener through which to receive callbacks when items
    // are selected.
           .setMultiChoiceItems(R.array.toppings, null,
                      new DialogInterface.OnMultiChoiceClickListener() {
               @Override
               public void onClick(DialogInterface dialog, int which,
                       boolean isChecked) {
                   if (isChecked) {
                       // If the user checks the item, add it to the selected
                       // items.
                       selectedItems.add(which);
                   } else if (selectedItems.contains(which)) {
                       // If the item is already in the array, remove it.
                       selectedItems.remove(which);
                   }
               }
           })
    // Set the action buttons
           .setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {
               @Override
               public void onClick(DialogInterface dialog, int id) {
                   // User taps OK, so save the selectedItems results
                   // somewhere or return them to the component that opens the
                   // dialog.
                   ...
               }
           })
           .setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
               @Override
               public void onClick(DialogInterface dialog, int id) {
                   ...
               }
           });

    return builder.create();
}

Okno alertu jednokrotnego wyboru można uzyskać w ten sposób:

val builder: AlertDialog.Builder = AlertDialog.Builder(context)
builder
    .setTitle("I am the title")
    .setPositiveButton("Positive") { dialog, which ->
        // Do something.
    }
    .setNegativeButton("Negative") { dialog, which ->
        // Do something else.
    }
    .setSingleChoiceItems(
        arrayOf("Item One", "Item Two", "Item Three"), 0
    ) { dialog, which ->
        // Do something.
    }

val dialog: AlertDialog = builder.create()
dialog.show()

        String[] choices = {"Item One", "Item Two", "Item Three"};
        
        AlertDialog.Builder builder = AlertDialog.Builder(context);
        builder
                .setTitle("I am the title")
                .setPositiveButton("Positive", (dialog, which) -> {

                })
                .setNegativeButton("Negative", (dialog, which) -> {

                })
                .setSingleChoiceItems(choices, 0, (dialog, which) -> {

                });

        AlertDialog dialog = builder.create();
        dialog.show();

W efekcie powstaje taki przykład:

Tworzenie układu niestandardowego

Jeśli w oknie chcesz zastosować układ niestandardowy, utwórz układ i dodaj go do obiektu AlertDialog, wywołując obiekt setView() w obiekcie AlertDialog.Builder.

Domyślnie układ niestandardowy wypełnia okno, ale nadal możesz używać metod AlertDialog.Builder, aby dodawać przyciski i tytuł.

Oto przykładowy plik układu poprzedniego niestandardowego układu okna dialogowego:

res/layout/dialog_signin.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:src="@drawable/header_logo"
        android:layout_width="match_parent"
        android:layout_height="64dp"
        android:scaleType="center"
        android:background="#FFFFBB33"
        android:contentDescription="@string/app_name" />
    <EditText
        android:id="@+id/username"
        android:inputType="textEmailAddress"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginBottom="4dp"
        android:hint="@string/username" />
    <EditText
        android:id="@+id/password"
        android:inputType="textPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginBottom="16dp"
        android:fontFamily="sans-serif"
        android:hint="@string/password"/>
</LinearLayout>

Aby rozszerzyć układ w DialogFragment, pobierz LayoutInflater z getLayoutInflater() i wywołaj inflate(). Pierwszym z nich jest identyfikator zasobu układu, a drugi to widok nadrzędny układu. Możesz następnie wywołać setView(), by umieścić układ w oknie. Widać to w przykładzie poniżej.

override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
    return activity?.let {
        val builder = AlertDialog.Builder(it)
        // Get the layout inflater.
        val inflater = requireActivity().layoutInflater;

        // Inflate and set the layout for the dialog.
        // Pass null as the parent view because it's going in the dialog
        // layout.
        builder.setView(inflater.inflate(R.layout.dialog_signin, null))
                // Add action buttons.
                .setPositiveButton(R.string.signin,
                        DialogInterface.OnClickListener { dialog, id ->
                            // Sign in the user.
                        })
                .setNegativeButton(R.string.cancel,
                        DialogInterface.OnClickListener { dialog, id ->
                            getDialog().cancel()
                        })
        builder.create()
    } ?: throw IllegalStateException("Activity cannot be null")
}

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // Get the layout inflater.
    LayoutInflater inflater = requireActivity().getLayoutInflater();

    // Inflate and set the layout for the dialog.
    // Pass null as the parent view because it's going in the dialog layout.
    builder.setView(inflater.inflate(R.layout.dialog_signin, null))
    // Add action buttons
           .setPositiveButton(R.string.signin, new DialogInterface.OnClickListener() {
               @Override
               public void onClick(DialogInterface dialog, int id) {
                   // Sign in the user.
               }
           })
           .setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
               public void onClick(DialogInterface dialog, int id) {
                   LoginDialogFragment.this.getDialog().cancel();
               }
           });
    return builder.create();
}

Jeśli chcesz używać niestandardowego okna, zamiast używać interfejsów API Dialog możesz wyświetlać Activity w formie okna. Utwórz działanie i ustaw jego motyw na Theme.Holo.Dialog w elemencie manifestu <activity>:

<activity android:theme="@android:style/Theme.Holo.Dialog" >

Aktywność wyświetla się teraz w oknie dialogowym, a nie na pełnym ekranie.

Przekazuj zdarzenia z powrotem do hosta okna

Gdy użytkownik kliknie jeden z przycisków polecenia w oknie lub wybierze element z listy, DialogFragment może samodzielnie wykonać wymagane działanie, ale często chcesz przekazać zdarzenie do działania lub fragmentu, który otwiera to okno. Aby to zrobić, zdefiniuj interfejs z metodą dla każdego typu zdarzenia kliknięcia. Następnie wdróż ten interfejs w komponencie hosta, który odbiera zdarzenia działania z okna.

Oto przykładowy komponent DialogFragment definiujący interfejs, który przekazuje zdarzenia z powrotem do działania hosta:

class NoticeDialogFragment : DialogFragment() {
    // Use this instance of the interface to deliver action events.
    internal lateinit var listener: NoticeDialogListener

    // The activity that creates an instance of this dialog fragment must
    // implement this interface to receive event callbacks. Each method passes
    // the DialogFragment in case the host needs to query it.
    interface NoticeDialogListener {
        fun onDialogPositiveClick(dialog: DialogFragment)
        fun onDialogNegativeClick(dialog: DialogFragment)
    }

    // Override the Fragment.onAttach() method to instantiate the
    // NoticeDialogListener.
    override fun onAttach(context: Context) {
        super.onAttach(context)
        // Verify that the host activity implements the callback interface.
        try {
            // Instantiate the NoticeDialogListener so you can send events to
            // the host.
            listener = context as NoticeDialogListener
        } catch (e: ClassCastException) {
            // The activity doesn't implement the interface. Throw exception.
            throw ClassCastException((context.toString() +
                    " must implement NoticeDialogListener"))
        }
    }
}

public class NoticeDialogFragment extends DialogFragment {

    // The activity that creates an instance of this dialog fragment must
    // implement this interface to receive event callbacks. Each method passes
    // the DialogFragment in case the host needs to query it.
    public interface NoticeDialogListener {
        public void onDialogPositiveClick(DialogFragment dialog);
        public void onDialogNegativeClick(DialogFragment dialog);
    }

    // Use this instance of the interface to deliver action events.
    NoticeDialogListener listener;

    // Override the Fragment.onAttach() method to instantiate the
    // NoticeDialogListener.
    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        // Verify that the host activity implements the callback interface.
        try {
            // Instantiate the NoticeDialogListener so you can send events to
            // the host.
            listener = (NoticeDialogListener) context;
        } catch (ClassCastException e) {
            // The activity doesn't implement the interface. Throw exception.
            throw new ClassCastException(activity.toString()
                    + " must implement NoticeDialogListener");
        }
    }
    ...
}

Działanie hostujące okno tworzy wystąpienie okna z konstruktorem fragmentu okna i odbiera zdarzenia z tego okna przez implementację interfejsu NoticeDialogListener:

class MainActivity : FragmentActivity(),
        NoticeDialogFragment.NoticeDialogListener {

    fun showNoticeDialog() {
        // Create an instance of the dialog fragment and show it.
        val dialog = NoticeDialogFragment()
        dialog.show(supportFragmentManager, "NoticeDialogFragment")
    }

    // The dialog fragment receives a reference to this Activity through the
    // Fragment.onAttach() callback, which it uses to call the following
    // methods defined by the NoticeDialogFragment.NoticeDialogListener
    // interface.
    override fun onDialogPositiveClick(dialog: DialogFragment) {
        // User taps the dialog's positive button.
    }

    override fun onDialogNegativeClick(dialog: DialogFragment) {
        // User taps the dialog's negative button.
    }
}

public class MainActivity extends FragmentActivity
                          implements NoticeDialogFragment.NoticeDialogListener{
    ...
    public void showNoticeDialog() {
        // Create an instance of the dialog fragment and show it.
        DialogFragment dialog = new NoticeDialogFragment();
        dialog.show(getSupportFragmentManager(), "NoticeDialogFragment");
    }

    // The dialog fragment receives a reference to this Activity through the
    // Fragment.onAttach() callback, which it uses to call the following
    // methods defined by the NoticeDialogFragment.NoticeDialogListener
    // interface.
    @Override
    public void onDialogPositiveClick(DialogFragment dialog) {
        // User taps the dialog's positive button.
        ...
    }

    @Override
    public void onDialogNegativeClick(DialogFragment dialog) {
        // User taps the dialog's negative button.
        ...
    }
}

Ponieważ działanie hosta implementuje funkcję NoticeDialogListener – egzekwowaną przez metodę wywołania zwrotnego onAttach() widoczną w poprzednim przykładzie – fragment okna może korzystać z metod wywołania zwrotnego interfejsu, aby przekazywać do działania zdarzenia kliknięcia:

    override fun onCreateDialog(savedInstanceState: Bundle): Dialog {
        return activity?.let {
            // Build the dialog and set up the button click handlers.
            val builder = AlertDialog.Builder(it)

            builder.setMessage(R.string.dialog_start_game)
                    .setPositiveButton(R.string.start,
                            DialogInterface.OnClickListener { dialog, id ->
                                // Send the positive button event back to the
                                // host activity.
                                listener.onDialogPositiveClick(this)
                            })
                    .setNegativeButton(R.string.cancel,
                            DialogInterface.OnClickListener { dialog, id ->
                                // Send the negative button event back to the
                                // host activity.
                                listener.onDialogNegativeClick(this)
                            })

            builder.create()
        } ?: throw IllegalStateException("Activity cannot be null")
    }

public class NoticeDialogFragment extends DialogFragment {
    ...
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        // Build the dialog and set up the button click handlers.
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        builder.setMessage(R.string.dialog_start_game)
               .setPositiveButton(R.string.start, new DialogInterface.OnClickListener() {
                   public void onClick(DialogInterface dialog, int id) {
                       // Send the positive button event back to the host activity.
                       listener.onDialogPositiveClick(NoticeDialogFragment.this);
                   }
               })
               .setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
                   public void onClick(DialogInterface dialog, int id) {
                       // Send the negative button event back to the host activity.
                       listener.onDialogNegativeClick(NoticeDialogFragment.this);
                   }
               });
        return builder.create();
    }
}

Pokaż okno

Jeśli chcesz wyświetlić okno, utwórz instancję DialogFragment i wywołanie show(), przekazując FragmentManager oraz nazwę tagu dla fragmentu okna dialogowego.

Aby uzyskać FragmentManager, zadzwoń do getSupportFragmentManager() z FragmentActivity lub zadzwoń getParentFragmentManager() z Fragment. Oto przykład:

fun confirmStartGame() {
    val newFragment = StartGameDialogFragment()
    newFragment.show(supportFragmentManager, "game")
}

public void confirmStartGame() {
    DialogFragment newFragment = new StartGameDialogFragment();
    newFragment.show(getSupportFragmentManager(), "game");
}

Drugi argument ("game") to unikalna nazwa tagu, której system używa do zapisywania i przywracania stanu fragmentu, gdy jest to konieczne. Tag umożliwia Ci też obsługę tego fragmentu przez wywołanie metody findFragmentByTag().

Wyświetlaj okno dialogowe na pełnym ekranie lub jako osadzony fragment

Niektóre elementy interfejsu mogą się pojawiać jako okno dialogowe, a w innych – jako pełny ekran lub fragment osadzony. Może też wyglądać inaczej w zależności od rozmiaru ekranu urządzenia. Klasa DialogFragment zapewnia elastyczność, ponieważ może działać jak umieszczana obiekt Fragment.

Nie możesz jednak w tym przypadku użyć AlertDialog.Builder ani innych obiektów Dialog do utworzenia okna. Jeśli chcesz, aby interfejs DialogFragment można było umieszczać, zdefiniuj interfejs okna w układzie, a następnie wczytaj układ w wywołaniu zwrotnym onCreateView().

Oto przykład elementu DialogFragment, który może pojawić się jako okno lub możliwy do umieszczenia fragment przy użyciu układu o nazwie purchase_items.xml:

class CustomDialogFragment : DialogFragment() {

    // The system calls this to get the DialogFragment's layout, regardless of
    // whether it's being displayed as a dialog or an embedded fragment.
    override fun onCreateView(
            inflater: LayoutInflater,
            container: ViewGroup?,
            savedInstanceState: Bundle?
    ): View {
        // Inflate the layout to use as a dialog or embedded fragment.
        return inflater.inflate(R.layout.purchase_items, container, false)
    }

    // The system calls this only when creating the layout in a dialog.
    override fun onCreateDialog(savedInstanceState: Bundle): Dialog {
        // The only reason you might override this method when using
        // onCreateView() is to modify the dialog characteristics. For example,
        // the dialog includes a title by default, but your custom layout might
        // not need it. Here, you can remove the dialog title, but you must
        // call the superclass to get the Dialog.
        val dialog = super.onCreateDialog(savedInstanceState)
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE)
        return dialog
    }
}

public class CustomDialogFragment extends DialogFragment {
    // The system calls this to get the DialogFragment's layout, regardless of
    // whether it's being displayed as a dialog or an embedded fragment.
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // Inflate the layout to use as a dialog or embedded fragment.
        return inflater.inflate(R.layout.purchase_items, container, false);
    }

    // The system calls this only when creating the layout in a dialog.
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        // The only reason you might override this method when using
        // onCreateView() is to modify the dialog characteristics. For example,
        // the dialog includes a title by default, but your custom layout might
        // not need it. Here, you can remove the dialog title, but you must
        // call the superclass to get the Dialog.
        Dialog dialog = super.onCreateDialog(savedInstanceState);
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        return dialog;
    }
}

Ten przykład określa, czy fragment ma się wyświetlać w oknie, czy w trybie pełnoekranowym, w zależności od rozmiaru ekranu:

fun showDialog() {
    val fragmentManager = supportFragmentManager
    val newFragment = CustomDialogFragment()
    if (isLargeLayout) {
        // The device is using a large layout, so show the fragment as a
        // dialog.
        newFragment.show(fragmentManager, "dialog")
    } else {
        // The device is smaller, so show the fragment fullscreen.
        val transaction = fragmentManager.beginTransaction()
        // For a polished look, specify a transition animation.
        transaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
        // To make it fullscreen, use the 'content' root view as the container
        // for the fragment, which is always the root view for the activity.
        transaction
                .add(android.R.id.content, newFragment)
                .addToBackStack(null)
                .commit()
    }
}

public void showDialog() {
    FragmentManager fragmentManager = getSupportFragmentManager();
    CustomDialogFragment newFragment = new CustomDialogFragment();

    if (isLargeLayout) {
        // The device is using a large layout, so show the fragment as a
        // dialog.
        newFragment.show(fragmentManager, "dialog");
    } else {
        // The device is smaller, so show the fragment fullscreen.
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        // For a polished look, specify a transition animation.
        transaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);
        // To make it fullscreen, use the 'content' root view as the container
        // for the fragment, which is always the root view for the activity.
        transaction.add(android.R.id.content, newFragment)
                   .addToBackStack(null).commit();
    }
}

Więcej informacji o przeprowadzaniu transakcji związanych z fragmentami znajdziesz w sekcji Fragmenty.

W tym przykładzie wartość logiczna mIsLargeLayout określa, czy bieżące urządzenie musi korzystać z dużego układu aplikacji i dlatego wyświetlać ten fragment jako okno, a nie pełny ekran. Najlepszym sposobem na ustawienie tego rodzaju wartości logicznych jest zadeklarowanie wartości zasobu logicznego z wartością zasobu alternatywnego dla różnych rozmiarów ekranów. Oto 2 wersje zasobu logicznego dla różnych rozmiarów ekranu:

res/values/bools.xml

<!-- Default boolean values -->
<resources>
    <bool name="large_layout">false</bool>
</resources>

res/values-large/bools.xml

<!-- Large screen boolean values -->
<resources>
    <bool name="large_layout">true</bool>
</resources>

Następnie możesz zainicjować wartość mIsLargeLayout podczas metody onCreate() aktywności, jak w tym przykładzie:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    isLargeLayout = resources.getBoolean(R.bool.large_layout)
}

boolean isLargeLayout;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    isLargeLayout = getResources().getBoolean(R.bool.large_layout);
}

Pokazuj aktywność w oknie na dużych ekranach

Zamiast wyświetlać okno jako pełnoekranowy interfejs na małych ekranach, możesz uzyskać taki sam efekt, wyświetlając Activity w postaci okna na dużych ekranach. To, które podejście wybierzesz, zależy od projektu aplikacji, ale wyświetlanie aktywności w oknie jest często przydatne, gdy aplikacja jest przeznaczona na małe ekrany i chcesz poprawić wygodę korzystania z tabletów, wyświetlając krótkotrwałe okno w formie okna.

Aby wyświetlać aktywność w oknie tylko na dużych ekranach, zastosuj motyw Theme.Holo.DialogWhenLarge do elementu manifestu <activity>:

<activity android:theme="@android:style/Theme.Holo.DialogWhenLarge" >

Więcej informacji o określaniu stylu aktywności za pomocą motywów znajdziesz w sekcji Style i motywy.

Zamykanie okna

Gdy użytkownik kliknie przycisk polecenia utworzony za pomocą AlertDialog.Builder, system zamknie to okno za Ciebie.

System zamyka też okno, gdy użytkownik kliknie element na liście, z wyjątkiem sytuacji, gdy lista zawiera opcje lub pola wyboru. Możesz też zamknąć to okno ręcznie, wywołując funkcję dismiss() na urządzeniu DialogFragment.

Jeśli musisz wykonać pewne działania, gdy okno przestanie się wyświetlać, w DialogFragment możesz wdrożyć metodę onDismiss().

Możesz też anulować wybrane okno. Jest to specjalne zdarzenie, które wskazuje, że użytkownik opuszcza okno, nie kończąc zadania. Dzieje się tak, gdy użytkownik kliknie przycisk Wstecz lub ekran poza obszarem okna albo wywoła polecenie cancel() w Dialog, np. w odpowiedzi na przycisk „Anuluj” w oknie.

Jak pokazano w poprzednim przykładzie, możesz odpowiedzieć na zdarzenie anulowania, implementując onCancel() w klasie DialogFragment.