Android入門教程 | DialogFragment 的使用
阿新 • • 發佈:2021-10-15
彈窗,是常見的一種提示方式。
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="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" 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"; // 傳輸資料時用到的key public static final String K_CONTENT = "k_content"; private String title; private String content; @Override public 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 @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { return inflater.inflate(R.layout.dialog_simple, container, false); } @Override public 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,傳入資料。