DialogFragment 使用与友好交互

Dialog顾名思义对话框，在android app是最常用的UI组成部分，以往开发基本按照设计自定义一个Dialog。某天无意间发现竟有DialogFragment这个东西，3.0后同Fragment一起更新，罪过罪过，好久没翻文档，这种好东西不知道~而且官方鼓励开发者使用DialogFragment制作Dialog。

翠花代码~~

public class TwoBtnDialogFragment extends DialogFragment {

    private OnDiagBtnClikListener mListener;

    public TwoBtnDialogFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_two_btn_dialog, container, false);
        view.findViewById(R.id.confim_txt).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mListener.onConfimClick();
                getDialog().dismiss();
            }
        });
        view.findViewById(R.id.cacncel_txt).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mListener.onCancelClick();
                getDialog().dismiss();
            }
        });
        return view;
    }

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        try {
            mListener = (OnDiagBtnClikListener) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException(activity.toString()
                    + " must implement OnFragmentInteractionListener");
        }
    }

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

    }

    @Override
    public void onResume() {
        super.onResume();
        int width = getActivity().getWindowManager().getDefaultDisplay().getWidth() / 5 * 4;
        int height = getActivity().getWindowManager().getDefaultDisplay().getHeight() / 3;
        getDialog().getWindow().setLayout(width, height);

    }

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }

    public interface OnDiagBtnClikListener {
        // TODO: Update argument type and name
        public void onConfimClick();

        public void onCancelClick();
    }

}

没啥难度，就在onCreateView 返回一个你想要的布局样式。

用时发现问题：在布局里写宽高要不没用，要不不是定义的大小，最后在onResume里设置了宽高

 getDialog().getWindow().setLayout(width, height);

默认的DialogFragment顶部会有一个title占用的高度，实际使用不大美观可以在onCreate里

setStyle(DialogFragment.STYLE_NO_TITLE,0);

或

 getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE); 

去掉讨厌的title

下面可以为dialogFragment 加上进出动画，动画比较简单，就是中心点的缩放，抛砖引玉啊～

dialog_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">


    <scale
        android:interpolator="@android:anim/linear_interpolator"
        android:fromXScale="0.0"
        android:toXScale="1.0"
        android:fromYScale="0.0"
        android:toYScale="1.0"
        android:startOffset="200"
        android:duration="200"
        android:pivotX = "50%"
        android:pivotY = "50%"
        />
   <!--<translate
        android:fromYDelta="50%"
        android:toYDelta="0"
        android:startOffset="200"
        android:duration="200"
        />-->

</set>

dialog.out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/linear_interpolator"
        android:fromXScale="1.0"
        android:toXScale="0.0"
        android:fromYScale="1.0"
        android:toYScale="0.0"
        android:duration="200"
        android:pivotX = "50%"
        android:pivotY = "50%"
        />
    <!--<translate
        android:fromYDelta="0"
        android:toYDelta="50%"
        android:duration="200"
        />-->

</set>

styles.xml里加入

<style name="dilaog_anim" parent="@android:style/Animation.Activity">
        <item name="android:windowEnterAnimation">@anim/dialog_in</item>
        <item name="android:windowExitAnimation">@anim/dialog_out</item>
    </style>

万事俱备只欠五毛钱了~

fragment里：

 @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Window window = getDialog().getWindow();
        window.setWindowAnimations(R.style.dilaog_anim);
    }

哦了！看看最终的效果