Android高级界面组件的学习(三)-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

Android高级界面组件的学习(三)

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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: