精美AlertDialog(对话框)详解

AlertDialog可以在当前的界面上显示一个对话框，这个对话框是置顶于所有界面元素之上的，能够屏蔽掉其他控件的交互能力，因此AlertDialog一般是用于提示一些非常重要的内容或者警告信息。

1.创建AlertDialog

    首先，我们来了解一下AlertDialog的大体创建顺序。与TextView、Button这些控件稍有不同，AlertDialog并不是初始化（findViewById）之后就直接调用各种方法了。仔细想想AlertDialog的使用场景， 它并不像TextView和Button那些控件似的一般都是固定在界面上，而是在某个时机才会触发出来（比如用户点击了某个按钮或者断网了）。所以AlertDialog并不需要到布局文件中创建，而是在代码中通过构造器（AlertDialog.Builder）来构造标题、图标和按钮等内容的。

    1.创建构造器AlertDialog.Builder的对象；
    2.通过构造器对象调用setTitle、setMessage、setIcon等方法构造对话框的标题、信息和图标等内容；
    3.根据需要调用setPositive/Negative/NeutralButton()方法设置正面按钮、负面按钮和中立按钮；
    4.调用构造器对象的create方法创建AlertDialog对象；
    5.AlertDialog对象调用show方法，让对话框在界面上显示。
注：AlertDialog.Builder自己也有一个show方法，可以显示对话框，所以上面的第4、第5步可以简化为一步。

2 布局文件代码如下(ring_adapter_set_dialog_view.xml)

 

 

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/ll_shape"
    android:orientation="vertical"
    >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="vertical">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:paddingLeft="@dimen/spacing"
            android:paddingTop="@dimen/smallSpacing"
            android:paddingRight="@dimen/spacing"
            android:paddingBottom="@dimen/smallSpacing"
            android:clickable="true"
            android:text="设铃声"
            android:textColor="@color/text_black"
            android:textSize="14sp" />
    </LinearLayout>
    <RelativeLayout
        android:id="@+id/rl_item_call"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:padding="@dimen/dp_8"
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:src="@mipmap/ringtone_adapter_item_call" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="来电铃声"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="normal" />
        </LinearLayout>
    </RelativeLayout>


    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/lightgrey"/>
    <RelativeLayout
        android:id="@+id/rl_item_sms"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:padding="@dimen/dp_8"
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_marginLeft="20dp"
                android:src="@mipmap/ringtone_adapter_item_sms" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="短信铃声"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="normal" />
        </LinearLayout>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/lightgrey"/>
    <RelativeLayout
        android:id="@+id/rl_item_alarm"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:padding="@dimen/dp_8"
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_marginLeft="20dp"
                android:src="@mipmap/ringtone_adapter_item_alarm" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="系统闹铃"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="normal" />
        </LinearLayout>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/lightgrey"/>
    <RelativeLayout
        android:id="@+id/rl_item_inform"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:padding="@dimen/dp_8"
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_marginLeft="20dp"
                android:src="@mipmap/ringtone_adapter_item_inform" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="通知铃声"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="normal" />
        </LinearLayout>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/lightgrey"

        />
    <RelativeLayout
        android:id="@+id/rl_more_follow"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:padding="@dimen/dp_8"
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_marginLeft="20dp"
                android:src="@mipmap/ringtone_item_more_follow" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="指定联系人"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="normal" />
        </LinearLayout>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/lightgrey"/>
    <RelativeLayout
        android:id="@+id/rl_item_changing"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:padding="@dimen/dp_8"
        >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_marginLeft="20dp"
                android:src="@mipmap/ringtone_adapter_item_changing" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="充电提示音"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="normal" />
        </LinearLayout>
    </RelativeLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/lightgrey"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/tv_cancel"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:paddingLeft="@dimen/spacing"
            android:paddingTop="@dimen/smallSpacing"
            android:paddingRight="@dimen/spacing"
            android:paddingBottom="@dimen/smallSpacing"
            android:clickable="true"
            android:text="取消"
            android:textColor="@color/text_black"
            android:textSize="14sp" />
    </LinearLayout>
</LinearLayout>

3.核心代码（RingDataAdapter.java）

//设铃声
private void showRingSetDialog() {
    AlertDialog.Builder alertDialog = new AlertDialog.Builder(mContext);
    View view = LayoutInflater.from(mContext).inflate(R.layout.ring_adapter_set_dialog_view, null, false);

    RelativeLayout rlItemCall = view.findViewById(R.id.rl_item_call);
    TextView tvCancel = view.findViewById(R.id.tv_cancel);
    alertDialog.setView(view);
    AlertDialog dialog = alertDialog.show();
    DisplayMetrics dm = mContext.getResources().getDisplayMetrics();
    int displayWidth = dm.widthPixels;
    WindowManager.LayoutParams p = dialog.getWindow().getAttributes();  //获取对话框当前的参数值
    p.width = (int) (displayWidth * 0.7);    //宽度设置
    dialog.setCanceledOnTouchOutside(false);// 设置点击屏幕Dialog不消失
    dialog.getWindow().getDecorView().setPadding(0, 0, 0, 0);//去除边框
    dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    dialog.getWindow().setAttributes(p);     //设置生效
    tvCancel.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            dialog.dismiss();
        }
    });
    rlItemCall.setOnClickListener(view1 -> ToastUtils.showShort("来电铃声"));
}

4.代码下载地址

 axshow: 来电炫酷秀https://gitee.com/scgoudian/axshow.git