DialogFragment 实现圆角效果

前端之家收集整理的这篇文章主要介绍了DialogFragment 实现圆角效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

以前使用AlertDialog或者Dialog的时候使用一张xml 圆角的drawable文件作为 dialog的背景即可实现圆角效果

但是在使用DialogFragment的时候发现 无论如何设置 drawable 文件中 corners属性的radius值,都没有效果

后来在stackoverflow上面发现了一个解决办法。

首先
1. 在DialogFragment的布局文件设置的时候 留出一些padding空间,
2. 然后在fragment中oncreateView方法加上一句代码。设置window的背景为透明色。

getDialog().getWindow@H_404_13@().setBackgroundDrawable@H_404_13@(new ColorDrawable(Color.TRANSPARENT@H_404_13@));@H_404_13@

具体代码如下

这是布局文件

<?xml version="1.0" encoding="utf-8"?>@H_404_13@
<LinearLayout@H_404_13@ xmlns:android@H_404_13@="http://schemas.android.com/apk/res/android"@H_404_13@ android:layout_width@H_404_13@="200dp"@H_404_13@ android:layout_height@H_404_13@="wrap_content"@H_404_13@ android:background@H_404_13@="@drawable/exit_app_dialog_bg"@H_404_13@ android:orientation@H_404_13@="vertical"@H_404_13@>@H_404_13@

    <LinearLayout @H_404_13@ android:paddingTop@H_404_13@="5dp"@H_404_13@ android:paddingRight@H_404_13@="5dp"@H_404_13@ android:paddingLeft@H_404_13@="5dp"@H_404_13@ android:layout_width@H_404_13@="match_parent"@H_404_13@ android:layout_height@H_404_13@="65dp"@H_404_13@ android:layout_gravity@H_404_13@="center"@H_404_13@ android:background@H_404_13@="@drawable/exit_app_dialog_title_bg"@H_404_13@>@H_404_13@

        <TextView @H_404_13@ android:layout_width@H_404_13@="match_parent"@H_404_13@ android:layout_height@H_404_13@="match_parent"@H_404_13@ android:gravity@H_404_13@="center"@H_404_13@ android:text@H_404_13@="确定退出应用?"@H_404_13@ android:textColor@H_404_13@="@color/white"@H_404_13@ />@H_404_13@
    </LinearLayout@H_404_13@>@H_404_13@

    <View @H_404_13@ android:layout_width@H_404_13@="match_parent"@H_404_13@ android:layout_height@H_404_13@="1px"@H_404_13@ android:background@H_404_13@="@color/gray"@H_404_13@ />@H_404_13@

    <LinearLayout @H_404_13@ android:layout_marginTop@H_404_13@="5dp"@H_404_13@ android:layout_marginBottom@H_404_13@="5dp"@H_404_13@ android:layout_marginRight@H_404_13@="5dp"@H_404_13@ android:layout_marginLeft@H_404_13@="5dp"@H_404_13@ android:layout_width@H_404_13@="match_parent"@H_404_13@ android:layout_height@H_404_13@="45dp"@H_404_13@ android:orientation@H_404_13@="horizontal"@H_404_13@>@H_404_13@

        <TextView @H_404_13@ android:id@H_404_13@="@+id/btn_cancel"@H_404_13@ android:layout_width@H_404_13@="0dp"@H_404_13@ android:layout_height@H_404_13@="match_parent"@H_404_13@ android:layout_weight@H_404_13@="1"@H_404_13@ android:gravity@H_404_13@="center"@H_404_13@ android:text@H_404_13@="取消"@H_404_13@ android:textColor@H_404_13@="@color/themeColor"@H_404_13@ />@H_404_13@

        <View @H_404_13@ android:layout_width@H_404_13@="1px"@H_404_13@ android:layout_height@H_404_13@="match_parent"@H_404_13@ android:background@H_404_13@="@color/themeColor"@H_404_13@ />@H_404_13@

        <TextView @H_404_13@ android:id@H_404_13@="@+id/btn_ok"@H_404_13@ android:layout_width@H_404_13@="0dp"@H_404_13@ android:layout_height@H_404_13@="match_parent"@H_404_13@ android:layout_weight@H_404_13@="1"@H_404_13@ android:background@H_404_13@="#EEEEEE"@H_404_13@ android:gravity@H_404_13@="center"@H_404_13@ android:text@H_404_13@="确定"@H_404_13@ android:textColor@H_404_13@="@color/themeColor"@H_404_13@ />@H_404_13@

    </LinearLayout@H_404_13@>@H_404_13@

</LinearLayout@H_404_13@>@H_404_13@

这是dialogfragment中内部实现的代码

@Nullable
    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {

        getDialog().requestWindowFeature@H_404_13@(Window.FEATURE@H_404_13@_NO_TITLE);@H_404_13@
        getDialog().getWindow@H_404_13@().setBackgroundDrawable@H_404_13@(new ColorDrawable(Color.TRANSPARENT@H_404_13@));@H_404_13@
        View view = inflater.inflate@H_404_13@(R.layout@H_404_13@.dialog@H_404_13@_exit_application,container,false);@H_404_13@

        btn_ok = (TextView) view.findViewById@H_404_13@(R.id@H_404_13@.btn@H_404_13@_ok);@H_404_13@
        btn_cancel = (TextView) view.findViewById@H_404_13@(R.id@H_404_13@.btn@H_404_13@_cancel);@H_404_13@

        btn_ok.setOnClickListener@H_404_13@(new View.OnClickListener@H_404_13@() {
            @Override
            public void onClick(View v) {
                positiveListener.onPositiveClick@H_404_13@(v);@H_404_13@
                getDialog().dismiss@H_404_13@();@H_404_13@
            }
        });@H_404_13@
        btn_cancel.setOnClickListener@H_404_13@(new View.OnClickListener@H_404_13@() {
            @Override
            public void onClick(View v) {
                negativeListener.onNegativeClick@H_404_13@(v);@H_404_13@
                getDialog().dismiss@H_404_13@();@H_404_13@
            }
        });@H_404_13@

        return view;@H_404_13@
    }

效果

因为如果不设置 padding属性 TextView本身是方角的,会覆盖已经设置好的圆角效果

猜你在找的XML相关文章