DialogFragment 实现圆角效果

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

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

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

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

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

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

具体代码如下

这是布局文件

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

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

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

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

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

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

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

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

    </LinearLayout>

</LinearLayout>

这是dialogfragment中内部实现的代码

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

        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        View view = inflater.inflate(R.layout.dialog_exit_application,container,false);

        btn_ok = (TextView) view.findViewById(R.id.btn_ok);
        btn_cancel = (TextView) view.findViewById(R.id.btn_cancel);

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

        return view;
    }

效果

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

猜你在找的XML相关文章