这次的高级界面组件学习我要讲的是对话框。在平时的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的一些学习和了解,有不对的地方欢迎指正。