Android自定义alertDialog和对话框中的点击事件

需求说明:

在界面底部弹出一个对话框，其中有四个按钮，可分别点击不同的按钮。

界面如下：

布局文件：dialog_menu.xml

我这里其实并不是点击的按钮，点击的是盛放图片和下方文字的Layout，所以要先将RelativeLayout设置

android:clickable="true"

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:alpha="0.9"
    android:background="@color/gray"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/ll_up"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/ten"
            android:orientation="horizontal">

            <RelativeLayout
                android:id="@+id/rl_explain"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:clickable="true">

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true">

                    <ImageView
                        android:id="@+id/img_explain"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:background="@android:color/white"
                        android:src="@mipmap/notebook" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/img_explain"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="@dimen/five"
                        android:text="@string/explain"
                        android:textColor="@android:color/black" />
                </RelativeLayout>
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/rl_light_screen"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@color/gray"
                android:clickable="true">

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true">

                    <ImageView
                        android:id="@+id/img_light"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:background="@android:color/white"
                        android:src="@mipmap/light" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/img_light"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="@dimen/five"
                        android:text="@string/light_screen"
                        android:textColor="@android:color/black" />
                </RelativeLayout>
            </RelativeLayout>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_down"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/ten"
            android:orientation="horizontal"
            android:layout_marginBottom="@dimen/ten">

            <RelativeLayout
                android:id="@+id/rl_setting"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:clickable="true">

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true">

                    <ImageView
                        android:id="@+id/img_setting"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:background="@android:color/white"
                        android:src="@mipmap/setting" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/img_setting"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="@dimen/five"
                        android:text="@string/setting"
                        android:textColor="@android:color/black" />
                </RelativeLayout>
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/rl_exit"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@color/gray"
                android:clickable="true">

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true">

                    <ImageView
                        android:id="@+id/img_exit"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:background="@android:color/white"
                        android:src="@mipmap/exit" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/img_exit"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="@dimen/five"
                        android:text="@string/exit"
                        android:textColor="@android:color/black" />
                </RelativeLayout>
            </RelativeLayout>
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

MenuDialog的style:res/values/styles.xml

<resources>
<style name="MenuDialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item><!--边框-->
        <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上-->
        <item name="android:windowIsTranslucent">true</item><!--半透明-->
        <item name="android:windowNoTitle">true</item><!--无标题-->
        <item name="android:windowBackground">@android:color/transparent</item><!--背景透明-->
        <item name="android:backgroundDimEnabled">false</item><!--模糊-->
        <item name="android:gravity">bottom</item>
        <item name="android:layout_gravity">bottom</item>
    </style>
</resources>

在MainActivity中弹出对话框

因为对话框是在activity上显示的，所以对话框上的按钮不能直接findViewById,这样是找不到的，需先获得dialog的window，再通过window去findViewById

private void showMenuDialog() {
        //dialog 不能用Application的Context
        AlertDialog menuDialog = new AlertDialog.Builder(MainActivity.this, R.style.MenuDialog).create();
        menuDialog.show();
        Window window = menuDialog.getWindow();
        window.setContentView(R.layout.dialog_menu);
        window.setGravity(Gravity.BOTTOM); //设置对话框在界面底部显示
        WindowManager.LayoutParams params = window.getAttributes();
        params.width = config.getScreenWidth();  //设置对话框的宽度为屏幕宽 （此处得到的是我一开始获得并存放起来的屏幕宽）
        window.setAttributes(params);//此句代码一定要放在show()后面，否则不起作用
        menuDialog.setCanceledOnTouchOutside(true);
        rl_explain = (RelativeLayout) window.findViewById(R.id.rl_explain); 
        rl_exit = (RelativeLayout) window.findViewById(R.id.rl_exit);
        rl_light_screen = (RelativeLayout) window.findViewById(R.id.rl_light_screen);
        rl_setting = (RelativeLayout) window.findViewById(R.id.rl_setting);
        rl_explain.setOnClickListener(this);
        rl_light_screen.setOnClickListener(this);
        rl_setting.setOnClickListener(this);
        rl_exit.setOnClickListener(this);
    }

最后具体事件的处理就和activity的onClick事件一样

以上是通过自定义AlertDialog的方式实现的点击对话框内的按钮的。

还可以通过将Activity设置成对话框形式再处理点击事件

布局文件不变。

style也可以不变。

将之前showMenuDialog()的操作放到新的Activity中（MenuDialogActivity.java）,就不用再使用AlertDialog了，直接把布局文件setContentView(R.layout.dialog_menu);这样就可以直接findViewById了，因为点击事件都是在一个新的Activity中了。

注意在AndroidManifest.xml中设置该Activity的样式：

 <activity android:name=".activity.MenuDialogActivity"
            android:theme="@style/MenuDialog"/>