Android为啥推荐用DialogFragment创建Dialog?

前言：这段时候有点忙，因为在赶项目，说忙也都是在敷衍，时间挤挤还是有的，从开始写博客的那一刻起就应该一直坚持下来，不要三天打鱼两天晒网，上次写过一个Android进阶之（dialog详解一），今天继续上次的内容探究一下，从Android3.0后Android引入的DailogFragment，我们一起从源码的角度去看看为啥谷歌推荐这样创建Dialog.
DialogFragment对话框出现的意义

为什么android系统有AlertDialog，PopupWindow对话框，基本满足客户需求，为啥还要跑出一个DialogFragment对话框呢？
这就要从DialogFragment的优点说起了：

有和Fragment基本一致的生命周期，因此便于Activity更好的控制管理DialogFragment。 随屏幕旋转（横竖屏幕切换）DialogFragment对话框随之自动调整对话框大小。而AlertDialog和PopupWindow随屏幕切换而消失。 DialogFragment的出现解决 横竖屏幕切换Dialog消失的问题。

既然是探究性的话题，我们就从DialogFragment源码探究一下。
在此次之前先贴一张Fragment的生命周期图：

DialogFragment的全部源码我就不贴了，要研究的童鞋就多按按Ctrl+左键吧(^__^) 嘻嘻……我们按照Fragment的生命周期一个一个往下看，揭开它的神秘面纱。
首先看看onAttach（）方法

 @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        if (!mShownByMe) {
            // 如果不是通过调用DialogFragment自己的show方法弹出Dialog的话
            // 标志着这个Dialog不再被消失
            mDismissed = false;
        }
    }

这个方法也没什么重要代码。
接下来看看onCreate（）方法

@Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mShowsDialog = mContainerId == 0;

        if (savedInstanceState != null) {
            mStyle = savedInstanceState.getInt(SAVED_STYLE, STYLE_NORMAL);
            mTheme = savedInstanceState.getInt(SAVED_THEME, 0);
            mCancelable = savedInstanceState.getBoolean(SAVED_CANCELABLE, true);
            mShowsDialog = savedInstanceState.getBoolean(SAVED_SHOWS_DIALOG, mShowsDialog);
            mBackStackId = savedInstanceState.getInt(SAVED_BACK_STACK_ID, -1);
        }
    }

当Activity生命周期发生变换的时候，也就是比如切换横竖屏的时候，对Dialog的一些属性进行保存，当再次创建Fragment的时候回到上一次Dialog的状态，既然有取的过程，那必定有存的过程。

 @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        if (mDialog != null) {
            Bundle dialogState = mDialog.onSaveInstanceState();
            if (dialogState != null) {
                outState.putBundle(SAVED_DIALOG_STATE_TAG, dialogState);
            }
        }
        if (mStyle != STYLE_NORMAL) {
            outState.putInt(SAVED_STYLE, mStyle);
        }
        if (mTheme != 0) {
            outState.putInt(SAVED_THEME, mTheme);
        }
        if (!mCancelable) {
            outState.putBoolean(SAVED_CANCELABLE, mCancelable);
        }
        if (!mShowsDialog) {
            outState.putBoolean(SAVED_SHOWS_DIALOG, mShowsDialog);
        }
        if (mBackStackId != -1) {
            outState.putInt(SAVED_BACK_STACK_ID, mBackStackId);
        }
    }

紧接着我们看到这么一个方法：

 /** @hide */
    @Override
    public LayoutInflater getLayoutInflater(Bundle savedInstanceState) {
        if (!mShowsDialog) {
            return super.getLayoutInflater(savedInstanceState);
        }

        mDialog = onCreateDialog(savedInstanceState);

        if (mDialog != null) {
            setupDialog(mDialog, mStyle);

            return (LayoutInflater) mDialog.getContext().getSystemService(
                    Context.LAYOUT_INFLATER_SERVICE);
        }
        return (LayoutInflater) mHost.getContext().getSystemService(
                Context.LAYOUT_INFLATER_SERVICE);
    }

这个方法虽然隐藏了，但是我们看到，在方法里面new了一个Dialog，onCreateDialog，所以我们知道，其实DialogFragment里面也是悄悄的创建了一个Dialog,创建了一个Dialog，那系统怎么知道我们创建的Dialog的样式呢？总要一些Dialog的初始化吧？

带着疑问，接着我们看看onActivityCreated这个方法：

@Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

        if (!mShowsDialog) {
            return;
        }

        View view = getView();
        if (view != null) {
            if (view.getParent() != null) {
                throw new IllegalStateException(
                        "DialogFragment can not be attached to a container view");
            }
            mDialog.setContentView(view);
        }
        final Activity activity = getActivity();
        if (activity != null) {
            mDialog.setOwnerActivity(activity);
        }
        mDialog.setCancelable(mCancelable);
        mDialog.setOnCancelListener(this);
        mDialog.setOnDismissListener(this);
        if (savedInstanceState != null) {
            Bundle dialogState = savedInstanceState.getBundle(SAVED_DIALOG_STATE_TAG);
            if (dialogState != null) {
                mDialog.onRestoreInstanceState(dialogState);
            }
        }
    }

我们看到有这么一段代码：

View view = getView();
        if (view != null) {
            if (view.getParent() != null) {
                throw new IllegalStateException(
                        "DialogFragment can not be attached to a container view");
            }
            mDialog.setContentView(view);
        }

看到这个我们很熟悉，就是给Dialog设置了一个布局文件，那么这个布局又是哪来的呢？View view = getView();，这里的getView获取到的值，正是我们在onCreateView中return的那个view。那么我们在onCreateView中返回了什么，我们Dialog就会显示啥样。

看到这里我们一定有点思路了，如果要用DialogFragment来弹出一个Dialog，有两种方法。
一：重写createDialog方法，给一个自己的Dialog

@NonNull
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        return new Dialog(getActivity(), getTheme());
    }

二：重写Fragment的onCreateView方法，返回一个自定义个布局

 @Nullable
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
            @Nullable Bundle savedInstanceState) {
        return null;
    }

好了，现在Dialog创建好了，也初始化过了，那么怎么显示Dialog呢？
机智的你肯定有思路了，
一：调用DialogFragment的getDialog方法然后show

 public Dialog getDialog() {
        return mDialog;
    }

二：调用DialogFragment的show方法

public void show(FragmentManager manager, String tag)

public int show(FragmentTransaction transaction, String tag) 

但是这只是把一个没有UI的Fragment添加到了Activity的Fragment栈中，Dialog又是哪弹出来的呢？
我们接着Fragment的生命周期看看onStart方法，这个方法也就是当Activity可见的时候调用。

@Override
    public void onStart() {
        super.onStart();

        if (mDialog != null) {
            mViewDestroyed = false;
            mDialog.show();
        }
    }

我们很清晰的看到了mDialog.show();此时Dialog对用户可见。
再延伸一下，我们可以看到这里有一个 if (mDialog != null)的判断，那么什么时候mDialog==null？我们看看它在哪创建的：

/** @hide */
    @Override
    public LayoutInflater getLayoutInflater(Bundle savedInstanceState) {
        if (!mShowsDialog) {
            return super.getLayoutInflater(savedInstanceState);
        }

        mDialog = onCreateDialog(savedInstanceState);

        if (mDialog != null) {
            setupDialog(mDialog, mStyle);

            return (LayoutInflater) mDialog.getContext().getSystemService(
                    Context.LAYOUT_INFLATER_SERVICE);
        }
        return (LayoutInflater) mHost.getContext().getSystemService(
                Context.LAYOUT_INFLATER_SERVICE);
    }

也就是当mShowsDialog为false的时候，我们的dialog就是null了。
我们再onCreate方法中看到这么一行代码：

mShowsDialog = mContainerId == 0;

那么这个mContainerId 又是什么呢？

// When a fragment is being dynamically added to the view hierarchy, this
    // is the identifier of the parent container it is being added to.

英语不是很好，大致翻译一下，此id就是你需要将Fragment添加的那个容器，也就是跟我们平时使用的普通的Fragment一样，当需要把一个Fragment添加到Activity的时候，调用

  FragmentTransaction ft = manager.beginTransaction();
        ft.add(R.id.container, tag);

到这，我们终于把DialogFragment的源码跟着Fragment的生命周期跑了一遍，总结一下：
DialogFragment也就是在内部new了一个Dialog然后显示在Activity上，但是有了Fragment的附属后，我们有了一套完整的生命周期了，Dialog依附Fragment从而当Activty生命周期发生变换的时候，会重新把Fragment添加进Activity中，从而不会使Dialog消失。

说了这么多原理性的东西，我们都有点疲惫了，接下来让我们来实战一下~~~~

为了展示效果，我们还是模仿一下微信的Dialog吧，先看看效果

普通的创建Dialog的方法，我在Android进阶之（dialog详解一），已经有实现了，如果有需要的朋友可以直接去拖代码，(^__^) 嘻嘻……

方式一：重写DialogFragment的onCreateView

wechat_dialog.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/parentPanel"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >
    <RelativeLayout
        android:id="@+id/body"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:padding="10dp" >
        <ProgressBar
            android:id="@+id/progress"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginRight="12dip"
            android:indeterminate="false"
            android:indeterminateDrawable="@drawable/shape_ring"
             />
        <TextView
            android:id="@+id/customFrameMsg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/progress"
            android:singleLine="true"
            android:text="正在登录..."
            android:textColor="#ffffff"
            android:textSize="14.5sp" />
    </RelativeLayout>

</RelativeLayout>

布局很简单，我们定义一个Fragment叫WechatFragment

package com.cisetech.dialogdemo.dialog;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.DialogFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.cisetech.dialogdemo.R;

/**
 * author：yinqingy
 * date：2016-11-01 22:20
 * blog：http://blog.csdn.net/vv_bug
 * desc：
 */

public class WechatFragment extends DialogFragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.wechat_dialog,null);
    }
}

我们创建Fragment然后调用show代码：

public void showWechatDialog(){
        WechatFragment wechatDialog=new WechatFragment();

        wechatDialog.show(getSupportFragmentManager(),"wechatDialog");
    }

然后我们运行看看效果：

好吧，Dialog是显示出来了，出来的是这吊样，跟我们想要的结果还很远啊，
1、去掉Dialog默认的Title位置，然后背景设成自己的透明色。

 public void showWechatDialog(){
        WechatFragment wechatDialog=new WechatFragment();
        wechatDialog.setStyle(DialogFragment.STYLE_NO_TITLE,R.style.loading_dialog);
        wechatDialog.show(getSupportFragmentManager(),"wechatDialog");
    }

Dialog的style文件:

 <!-- 自定义loading dialog -->
    <style name="loading_dialog" parent="android:style/Theme.Dialog">
        <!--提示框是否有边框-->
        <item name="android:windowFrame">@null</item>
        <!--是否需要标题-->
        <item name="android:windowNoTitle">true</item>
        <!--对话框的背景-->
        <item name="android:windowBackground">@drawable/pd_shape</item>
        <!--对话框是否悬浮-->
        <item name="android:windowIsFloating">true</item>
        <!--默认Window的content背景-->
        <item name="android:windowContentOverlay">@null</item>
        <!--dialog遮罩透明度-->
        <item name="android:backgroundDimAmount">0.5</item>
        <!--是否需要dialog遮罩-->
        <item name="android:backgroundDimEnabled">true</item>
    </style>

shape文件：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="8dp"/>
    <solid android:color="#7f000000"/>
</shape>

然后我们再运行下代码：

好吧，经过我们的修改我们终于离我们的目标就差一点了，就是Dialog的宽度了，我们让Dialog的宽度为屏幕宽的0.618，(^__^) 嘻嘻……
重写onStart（）方法，在dialog弹出之后进行修改宽度属性

@Override
    public void onStart() {
        super.onStart();
        Dialog dialog =getDialog();//获取Dialog
        WindowManager.LayoutParams attr = dialog.getWindow().getAttributes();//获取Dialog属性
        WindowManager wm= (WindowManager) dialog.getContext().getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics outMetric=new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetric);
        attr.width= (int) (outMetric.widthPixels*0.618f);
        dialog.getWindow().setAttributes(attr);
    }

再次运行代码：

可以看到我们已经成功达到了我们的目标，还没完。。。
我们转换屏幕看看什么效果：

可以看到，效果是一致的。(^__^) 嘻嘻……

我们使用直接new Dialog的形式，然后切换横屏试试：
效果还是一致，但是系统报了一个错误

android.view.WindowLeaked: Activity com.cisetech.dialogdemo.MainActivity has leaked window com.android.internal.policy.impl.PhoneWindow$DecorView{230312c5 V.E..... R....... 0,0-791,140} that was originally added here
                                                                          at android.view.ViewRootImpl.<init>(ViewRootImpl.java:363)
                                                                          at android.view.WindowManagerGlobal.addView(WindowManagerGlobal.java:265)
                                                                          at android.view.WindowManagerImpl.addView(WindowManagerImpl.java:69)
                                                                          at android.app.Dialog.show(Dialog.java:298)
                                                                          at com.cisetech.dialogdemo.MainActivity.onCreate(MainActivity.java:94)
                                                                          at android.app.Activity.performCreate(Activity.java:5941)
                                                                          at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1105)
                                                                          at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2256)
                                                                          at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2363)
                                                                          at android.app.ActivityThread.handleRelaunchActivity(ActivityThread.java:3915)
                                                                          at android.app.ActivityThread.access$900(ActivityThread.java:147)
                                                                          at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1289)
                                                                          at android.os.Handler.dispatchMessage(Handler.java:102)
                                                                          at android.os.Looper.loop(Looper.java:135)
                                                                          at android.app.ActivityThread.main(ActivityThread.java:5235)
                                                                          at java.lang.reflect.Method.invoke(Native Method)
                                                                          at java.lang.reflect.Method.invoke(Method.java:372)
                                                                          at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:906)
                                                                          at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:701)

虽然效果一样，但是如果我们Dialog是一个输入用户名密码的Dialog，那么当切换屏幕的时候，用直接new Dialog的话会被清空掉，如果是DialogFragment的话则不会被清空。

方式二，重写onCreateDialog实现DialogFragment弹出Dialog

MainActivity.java

 private WechatFragment wechatDialog;
    public void showWechatDialog(){
        if(wechatDialog!=null&&wechatDialog.getDialog()!=null&&wechatDialog.getDialog().isShowing()){
            wechatDialog.dismiss();
            return;
        }
        wechatDialog=new WechatFragment();
       // wechatDialog.setStyle(DialogFragment.STYLE_NO_TITLE,R.style.loading_dialog);
        wechatDialog.show(getSupportFragmentManager(),"wechatDialog");
    }

WechatFragment.java:

 @NonNull
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        LayoutInflater inflater = LayoutInflater.from(getActivity());
        View v = inflater.inflate(R.layout.wechat_dialog, null);// 得到加载view
        Dialog loadingDialog = new Dialog(getActivity(), R.style.loading_dialog);// 创建自定义样式dialog
        loadingDialog.setCancelable(true);// 不可以用“返回键”取消
        loadingDialog.setContentView(v);// 设置布局
        return loadingDialog;
    }

运行效果：

和我们上面那种重写onCreateView的方式效果一样。

到此~ DialogFragment的基本内容已经完毕了，以前看到一些大牛封装的DialogUtil，接下来还会写一篇关于这个工具类的博客，未完待续，(^__^) 嘻嘻……