Android入門教程 | DialogFragment 的使用

彈窗，是常見的一種提示方式。

DialogFragment是在3.0時引入的，是一種特殊的 Fragment，用於在 Activity 上展示一個模態的對話方塊。

DialogFragment 示例

確定UI樣式

首先我們得知道做成什麼樣。一般來說簡單的彈窗是一個標題，一端文字內容。 或者帶有一兩個按鈕。

這裡我們做一個有標題和文字的簡單彈窗。

layout

確定好樣式後，先把 layout 寫出來。

dialog_simple.xml

<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="
    xmlns:app="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="12dp">
    <TextView
        android:id="@+id/title_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#111111"
        android:textSize="16sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <TextView
        android:id="@+id/content_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:textColor="#111111"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/title_tv" /></androidx.constraintlayout.widget.ConstraintLayout>

新建彈窗類

新建一個 SimpleDialog類繼承 DialogFragment。

• 在 onCreate方法中接收傳入的資料。傳遞資料使用了Bundle。
• 在 onCreateView方法中，使用上文建立的layout。

• 在 onViewCreated方法中進行ui操作。

  import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import androidx.annotation.NonNull;import androidx.annotation.Nullable;import androidx.fragment.app.DialogFragment;public class SimpleDialog extends DialogFragment {public static final String K_TITLE = "k_title"; // 傳輸資料時用到的keypublic static final String K_CONTENT = "k_content";private String title;private String content;@Overridepublic void onCreate(@Nullable Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    Bundle in = getArguments();    if (in != null) {
          title = in.getString(K_TITLE);
          content = in.getString(K_CONTENT);
      }
  }@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {    return inflater.inflate(R.layout.dialog_simple, container, false);
  }@Overridepublic void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {    super.onViewCreated(view, savedInstanceState);    TextView titleTv = view.findViewById(R.id.title_tv);    TextView contentTv = view.findViewById(R.id.content_tv);
      titleTv.setText(title);
      contentTv.setText(content);
  }
  }

使用

把這個視窗彈出來。我們使用 DialogFragment.show(@NonNull FragmentManager manager, @Nullable String tag)方法。

private void popSimpleDialog1(String title, String content) {
        SimpleDialog dialog = new SimpleDialog();
        Bundle bundle = new Bundle();
        bundle.putString(SimpleDialog.K_TITLE, title);
        bundle.putString(SimpleDialog.K_CONTENT, content);
        dialog.setArguments(bundle);
        dialog.show(getSupportFragmentManager(), "one-tag");
    }    // 呼叫
    popSimpleDialog1("歡迎訪問");

執行到機器上可以看到效果。

小結:
使用 DialogFragment 來實現彈窗。 需要確定 ui 樣式，建立 layout，新建類繼承DialogFragment，傳入資料。