思維導圖

一、為什么要學習 DialogFragment

你還在用 Dialog 嗎？你還在經常煩惱于螢屏翻轉的時候，Dialog 的各種奇葩情況嗎？你想降低耦合嗎？如果你有其中的一個煩惱，那么恭喜你，遇見了 DialogFragment ，他恰巧就解決了上面所說的問題，如果感興趣的話，隨筆者來看下吧！

二、背景

Android 官方推薦使用 DialogFragment 來代替 Dialog ，可以讓它具有更高的可復用性（降低耦合）和更好的便利性（很好的處理螢屏翻轉的情況），而創建 DialogFragment 有兩種方式：

「法一：覆寫其 onCreateDialog 方法」

一般用于創建替代傳統的 Dialog 對話框的場景，UI 簡單，功能單一,不適用于使用了多執行緒（例如網路請求）的情況下（因為不能正確的獲取當前 Fragment 的狀態，會產生空指標例外）

「法二：覆寫其 onCreateView 方法」

一般用于創建復雜內容彈窗或全屏展示效果的場景，UI 復雜，功能復雜，一般有網路請求等異步操作

三、應用

3.1 基本用法是什么

法一：

a.創建一個簡單的 Dialog 并回傳它即可

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // 設定主題的構造方法
    // AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), R.style.CustomDialog);
    builder.setTitle("注意：")
           .setMessage("是否退出應用？")
           .setPositiveButton("確定", null)
           .setNegativeButton("取消", null)
           .setCancelable(false);
           //builder.show(); // 不能在這里使用 show() 方法
    return builder.create();
}

b.你也可以使用自定義 View 來創建：

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // 設定主題的構造方法
    // AlertDialog.Builder builder = new AlertDialog.Builder(getActivity(), R.style.CustomDialog);
    LayoutInflater inflater = getActivity().getLayoutInflater();  
    View view = inflater.inflate(R.layout.fragment_dialog, null);  
    builder.setView(view) 
    // Do Someting,eg: TextView tv = view.findViewById(R.id.tv);
    return builder.create();
}

PS：創建 Dialog 的方式有多種，比如下面這種，使用時略有差異，需要自己注意：

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    LayoutInflater inflater = getActivity().getLayoutInflater();
    View view = inflater.inflate(R.layout.fragment_dialog, null);
    Dialog dialog = new Dialog(getActivity());
    // 設定主題的構造方法
    // Dialog dialog = new Dialog(getActivity(), R.style.CustomDialog);
    dialog.setContentView(view);
    // Do Someting
    return dialog;
}

這種情況，標題內容上面的白色部分，其實是默認的標題欄，如果需要的話，可以設定隱藏標題欄（將在下文說到）

3.2 如何處理螢屏翻轉

如果使用傳統的 Dialog ，需要我們手動處理螢屏翻轉的情況，但使用 DialogFragment 的話，則不需要我們進行任何處理，FragmentManager 會自動管理 DialogFragment 的生命周期，

3.3 如何隱藏標題欄

在基本用法里代碼注釋有設定主題的地方，下面詳細說下兩種方法下設定無標題欄的方式：法一：

@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    LayoutInflater inflater = Objects.requireNonNull(getActivity()).getLayoutInflater();
    @SuppressLint("InflateParams") View view = inflater.inflate(R.layout.fragment_i_o_s_dialog, null);
    Dialog dialog = new Dialog(getActivity());
    // 關閉標題欄，setContentView() 之前呼叫
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    dialog.setContentView(view);
    dialog.setCanceledOnTouchOutside(true);
    return dialog;
}

法二：

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setStyle(DialogFragment.STYLE_NO_TITLE, 0);
}

3.4 如何實作全屏

常用的形式大多是寬度上和螢屏一樣寬，高度自適應，下面直接看代碼：

法一：

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    LayoutInflater inflater = getActivity().getLayoutInflater();
    View view = inflater.inflate(R.layout.fragment_dialog, null);
    Dialog dialog = new Dialog(getActivity(), 0);
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    dialog.setContentView(view);
    dialog.setCanceledOnTouchOutside(true);
    //Do something
    // 設定寬度為屏寬、位置靠近螢屏底部
    Window window = dialog.getWindow();
    //設定了視窗的背景色為透明，這一步是必須的
    // <color name="transparent">#50000000</color>
    window.setBackgroundDrawableResource(R.color.transparent);
    WindowManager.LayoutParams wlp = window.getAttributes();
    wlp.gravity = Gravity.BOTTOM;
    //設定視窗的寬度為 MATCH_PARENT,效果是和螢屏寬度一樣大
    wlp.width = WindowManager.LayoutParams.MATCH_PARENT;
    wlp.height = WindowManager.LayoutParams.WRAP_CONTENT;
    window.setAttributes(wlp);
    return dialog;
}

法二：

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setStyle(DialogFragment.STYLE_NO_TITLE, 0);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        getDialog().setCanceledOnTouchOutside(true);
        View rootView = inflater.inflate(R.layout.fragment_dialog, container, false);
        //Do something
        // 設定寬度為屏寬、靠近螢屏底部，
        final Window window = getDialog().getWindow();
     //這步是必須的
        window.setBackgroundDrawableResource(R.color.transparent);
     //必要，設定 padding，這一步也是必須的，內容不能填充全部寬度和高度
        window.getDecorView().setPadding(0, 0, 0, 0);
        WindowManager.LayoutParams wlp = window.getAttributes();
        wlp.gravity = Gravity.BOTTOM;
        wlp.width = WindowManager.LayoutParams.MATCH_PARENT;
        wlp.height = WindowManager.LayoutParams.WRAP_CONTENT;
        window.setAttributes(wlp);
        return rootView;
}

3.5 應用場景的區別是什么

文章一開始簡單總結了法一和法二的應用場景，這里說明下：

法一：為簡單的替代 Dialog 提供了非常方便的創建方式，但是在使用了多執行緒（例如網路請求）的情況下，不能正確的獲取當前 Fragment 的狀態，會產生空指標例外法二：則沒有如上空指標的問題，而且，其創建方式默認使用了自定義 View，更便于應對復雜 UI 的場景

3.6 如何與 Activity 進行互動？

使用回呼的方式

a.在 DialogFragment 中:

public interface OnDialogListener {
    void onDialogClick(String person);
}

private OnDialogListener mlistener;

public void setOnDialogListener(OnDialogListener dialogListener){
    this.mlistener = dialogListener;
}

在 DialogFragment 的點擊事件中:

public OnDialogListener mlistener;
@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.tv1:
            mlistener.onDialogClick("1");
            dismiss();
            break; 
       case R.id.tv2:
            mlistener.onDialogClick("2");
            dismiss();
            break;
        case R.id.tv3:
            mlistener.onDialogClick("3");
            dismiss();
            break;
        case R.id.tv4:
            mlistener.onDialogClick("4");
            dismiss();
            break;
    }
}

b.在 Activity 中

dialogFragment.setOnDialogListener(new PersonDialogFragment.OnDialogListener() {
    @Override
    public void onDialogClick(String person) {
        ToastUtil.showToast(person);
    }
});

####3.7 如何結合影片使用 a.設定從下到上彈出的影片

private void slideToUp(View view) {
    Animation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0);
    slide.setDuration(400);
    slide.setFillEnabled(true);
    slide.setFillAfter(true);
    view.startAnimation(slide);
}

b.設定從上到下彈出的影片

private boolean isAnimation = false;//用來判斷是否多次點擊，防止多次執行

public void slideToDown(View view) {
    Animation slide = new TranslateAnimation(
            Animation.RELATIVE_TO_SELF, 0.0f,
            Animation.RELATIVE_TO_SELF, 0.0f, 
            Animation.RELATIVE_TO_SELF, 0.0f,
            Animation.RELATIVE_TO_SELF, 1.0f);
    slide.setDuration(400);
    slide.setFillEnabled(true);
    slide.setFillAfter(true);
    view.startAnimation(slide);
    slide.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
        }

        @Override
        public void onAnimationEnd(Animation animation) {
            //用來判斷是否多次點擊，防止多次執行
            isAnimation = false;
            //彈框消失
            IOSDialogFragment.this.dismiss();
        }

        @Override
        public void onAnimationRepeat(Animation animation) {
        }
    });
}

c.封裝從上到下彈出的影片

加上判斷是否多次點擊，防止多次執行

private void dialogFinish() {
    if (isAnimation) {
        return;
    }
    isAnimation = true;
    slideToDown(rootView);
}

3.8 如何在 Activity 彈出 DialogFragment ?

mBtn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        IOSDialogFragment fragment = new IOSDialogFragment();
        //第二個引數是 tag
        fragment.show(getSupportFragmentManager(), "android");
    }
});

3.9 如何點擊空白處時關閉的時候，還能使用影片？

直接對 DecorView 設定 onTouchListener

window.getDecorView().setOnTouchListener(new View.OnTouchListener() {
    public boolean onTouch(View v, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_UP) {
            //彈框消失的影片執行相關代碼
            ....
            ....
        
        }
        return true;
    }
});

四、結語

終于看完了鴨！累死鴨了！如果還有什么不是很清楚的話，可以看下筆者寫的示例 Demo https://github.com/LoveLifeEveryday/TestDialogFragment

如果文章對您有一點幫助的話，希望您能點一下贊，您的點贊，是我前進的動力推薦閱讀：

Flutter在游戲開發的表現及跨平臺帶來的優勢JVM 初級面試題【譯】Flutter vs React Native vs Native：深度性能比較Flutter影片入門—— 雙環Loading的實作錦囊篇｜一文摸懂LeakCanary

作者 | 許朋友愛玩

地址 | juejin.im/post/6854573211854733320

覺得不錯的話，點個關注謝謝~

點擊鏈接《Java面試BAT通關手冊》，覆寫了Java核心技術、JVM、Java并發、SSM、微服務、資料庫、資料結構等等，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/24718.html

標籤：其他

上一篇：揭秘webpack loader

下一篇：MySQL 連接查詢匯總

手把手帶你玩轉 DialogFragment