Android高级界面组件的学习（三）

这次的高级界面组件学习我要讲的是对话框。在平时的APP使用中，我们经常会在点击某个按钮的时候，可能会弹出一个长方形或类似长方形的框框，提示我们进行选择，并且会伴随着两个按钮——“确定”和“取消”，这就是我们最常见的对话框了。

用的最多的对话框应该就是AlertDialog了，但是我们往往会希望自定义对话框的布局，所以今天我介绍一下AlertDialog和它的多种展示模式，此外就是说一下自己是怎么自定义Alertdialog的。

一、AlertDialog之显示提示消息的对话框

1.首先是新建一个工程，在activity_main.xml定义四个点击按钮，并且在MainActivity中为这四个按钮设置监听，其中findViewById和onClickListener()的相关代码省略。

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/color_home_bottom_weitao">

<Button
android:id="@+id/btn_alert_dialog_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dp"
android:layout_centerInParent="true"
android:text="@string/alert_dialog_simple"
android:textColor="@color/white" />

<Button
android:id="@+id/btn_alert_dialog_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/btn_alert_dialog_1"
android:padding="5dp"
android:layout_centerInParent="true"
android:text="@string/alert_dialog_list"
android:textColor="@color/white" />

<Button
android:id="@+id/btn_alert_dialog_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/btn_alert_dialog_2"
android:padding="5dp"
android:layout_centerInParent="true"
android:text="@string/alert_dialog_radio"
android:textColor="@color/white" />

<Button
android:id="@+id/btn_alert_dialog_4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/btn_alert_dialog_3"
android:padding="5dp"
android:layout_centerInParent="true"
android:text="@string/alert_dialog_checkbox"
android:textColor="@color/white" />

</RelativeLayout>

2. 把四个按钮实例化并且设置了监听之后，在onClick()方法中为四个按钮的点击事件调用相对应的方法：

（1）首先是简单提示对话框具体代码和实现，这里我们设置两个Button——“确定”和“取消”，也就是setPositiveButton和setNegativeButton，如果只是需要一个Button的话那就直接设置一个Button即可。具体的实现代码如下（simple()方法是点击简单对话框的相应按钮调用的方法）：

private void simple(View source) {
AlertDialog.Builder builder = new AlertDialog.Builder(getActivity())
// 设置对话框的标题
.setTitle("Do you like Android?")
// 设置对话框的标题左侧的icon
.setIcon(R.drawable.home_icon)
// 设置对话框的提示内容
.setMessage("If you like ,please select true \nelse cancel");
// 添加确定按钮
setPositiveButton(builder);
// 添加取消按钮
setNegativeButton(builder).create().show();

}

（2）同理写出简单列表对话框弹出的代码，其实和简单对话框没有太大的区别，只是定义了一个String类型的数组用来填充列表项，然后把setMessage()方法换成setItems()方法，具体方法的代码如下：

private String[] items = new String[]{"Android","JAVA","C++"};

private void simpleList(View source) {
AlertDialog.Builder builder = new AlertDialog.Builder(getActivity())
// 设置对话框的标题
.setTitle("What is your favorite?")            // 设置对话框的标题左侧的icon
.setIcon(R.drawable.home_icon)
// 设置对话框的提示内容
.setItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(getActivity(), "You choosed" + items[which], Toast.LENGTH_SHORT).show();
}
});
// 添加确定按钮
setPositiveButton(builder);
// 添加取消按钮
setNegativeButton(builder).create().show();
}

（3）同理写出单选列表项对话框和多选列表项对话框，前者将简单对话框的setMessage()变成setSingleChoiceItem()，后者则是变成setMultiChoiceItems(),主要代码如下：

// 设置对话框默认被选中的行，这里是“1”，对应第二行
.setSingleChoiceItems(items, 1, new DialogInterface.OnClickListener() {

@Override
public void onClick(DialogInterface dialog, int which) {
tvShow.setText("You choosed " + items[which]);
}
});

// 设置对话框列表项是否被选中
.setMultiChoiceItems(items, new boolean[]{false, true, false}, null);

上面算是对AlertDialog的一些简单实现，往往我们会想做更加高逼格的对话框。在AlertDialog中有一个setView方法，我们可以直接通过下列代码实现我们想要的对话框的显示：

private void customList(View source) {
LinearLayout prompt = (LinearLayout) getActivity().getLayoutInflater()
.inflate(R.layout.prompt_layout, null);
AlertDialog.Builder builder = new AlertDialog.Builder(getActivity())
// 设置对话框的标题
.setTitle("The AlertDialog By Myself")
// 设置对话框的标题左侧的icon
.setIcon(R.drawable.home_icon)
// 设置对话框列表项是否被选中
.setView(prompt);
// 添加确定按钮
setPositiveButton(builder);
// 添加取消按钮
setNegativeButton(builder).create().show();
}

如上图所示，红色框框内的部分就是对应的prompt_layout，有兴趣额的小伙伴可以自己尝试各种风格的对话框，这里也就不多说了，以上就是我对于AlertDialog的一些学习和了解，有不对的地方欢迎指正。