1. 程式人生 > 其它 >Android入門教程 | DialogFragment 的使用

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="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,傳入資料。

Android零基礎入門教程視訊參考