zoukankan      html  css  js  c++  java

  • Android开发必知--几种不同对话框的实现

    　　在开发过程中，与用户交互式免不了会用到对话框以实现更好的用户体验，所以掌握几种对话框的实现方法还是非常有必要的。在看具体实例之前先对AlertDialog做一个简单介绍。AlertDialog是功能最丰富、实践应用最广的对话框，它可以生成各种内容的对话框。但实际上AlertDialog生成的对话框总体可分为以下4个区域：图标区、标题区、内容区、按钮区。

    一般创建一个对话框需要经过以下几步：

    　　1、创建AlertDialog.Builder对象。

    　　2、调用AlertDialog.Builder的setTitle()或者setCustomTitle()方法设置标题。

    　　3、调用AlertDialog.Builder的setIcon()方法设置标题logo。

    　　4、调用AlertDialog.Builder的相关方法设置对话框内容。

    　　5、调用AlertDialog.Builder的setPositiveButton()、setNegativeButton()或setNeutralButton()方法添加多个按钮。

    　　6、调用AlertDialog.Builder的create()方法创建AlertDialog对象，再调用AlertDialog对象的show()方法将该对话框显示出来。

    其中，第4步设置对话框的内容，这里有6种方法来指定：

    　　·setMessage():设置对话框内容为简单文本内容。

    　　·setItems():设置对话框内容为简单列表项。

    　　·setSingleChoiceItems():设置对话框内容为单选列表项。

    　　·setMultiChoiceItems():设置对话框内容为多选列表项。

    　　·setAdapter():设置对话框内容为自定义列表项。

    　　·setView():设置对话框内容为自定义View。

    下面通过几个实例来介绍一下AlertDialog的用法。

    1、显示提示消息的对话框。

    　　

     1 /**
 2      * 显示提示消息的对话框
 3      * @author codingblock 2015-8-11
 4      * @param  context     上下文
 5      * @param  title       对话框标题
 6      * @param  message     对话框提示内容
 7      * @return
 8      */
 9     public AlertDialog.Builder simpleDialog(final Context context, String title, String message){
10         AlertDialog.Builder builder = new AlertDialog.Builder(context)
11         .setTitle(title)
12         .setIcon(R.drawable.ic_launcher)
13         .setMessage(message)
14         .setPositiveButton("完成", null)
15         .setNegativeButton("取消", null);
16         return builder;
17     }

    　　　上面的代码是将一个简单提示对话框封装成了一个方法，调用时可以省去重复代码，直接传递title，message等参数即可，其中该对话框用设置了icon，title等属性，还调用了setPositiveButton()和setNegativeButton()方法添加按钮，因为该方法（simpleDialog()）在这里仅提供调用，所以没有实现按钮的具体功能，可在实际调用中重写这两个方法从而实现具体功能。

    　　　调用方式如下，其他几种方式的对话框与此方法调用方式基本一致，以下就不再一一给出。

     1 　　public void onClickSimple(View v){
 2         builder = new Dialog().simpleDialog(this, "简单对话框", "对话框内容");
 3         builder.setPositiveButton("确定", new OnClickListener() {
 4             @Override
 5             public void onClick(DialogInterface arg0, int arg1) {
 6                 //确定
 7             }
 8         })
 9         .setNegativeButton("取消", new OnClickListener() {
10             @Override
11             public void onClick(DialogInterface arg0, int arg1) {
12                 //取消
13             }
14         });
15         builder.create().show();
16     }

    　　　除此之外，AlertDialog.Builder还提供了setNeutralButton()方法来添加一个装饰性的按钮。因此Android的对话一共可以生成三个按钮的对话框。

    2、简单列表项对话框

    　　

     1 　　/**
 2      * 简单列表项对话框
 3      * @author codingblock 2015-8-11
 4      * @param  context     上下文
 5      * @param  title       对话框标题
 6      * @param  items       对话框列表项CharSequence类型数组，也可根据需要改成其他类型
 7      * @return
 8      */
 9     public AlertDialog.Builder simpleListDialog(final Context context, String title, final CharSequence[] items){
10         AlertDialog.Builder builder = new AlertDialog.Builder(context)
11         .setTitle(title)
12         .setIcon(R.drawable.ic_launcher)
13         .setItems(items, new OnClickListener() {
14             
15             @Override
16             public void onClick(DialogInterface dialog, int which) {
17                 Toast.makeText(context, "您选中了："+ items[which], Toast.LENGTH_SHORT).show();
18             }
19         });
20         return builder;
21     }

    　　上面的代码通过调用setItems()方法为对话框设置了多个列表项，其中setItems的第一个参数可以是Charsequence和int类型。

    3、单选列表项对话框

    　　

     1 　　/**
 2      * 单选列表项对话框
 3      * @author codingblock 2015-8-11
 4      * @param  context     上下文
 5      * @param  title       对话框标题
 6      * @param  items       对话框列表项 CharSequence类型数组
 7      * @return
 8      */
 9     public AlertDialog.Builder simpleChoiceDialog(final Context context, String title, final CharSequence[] items){
10         AlertDialog.Builder builder = new AlertDialog.Builder(context)
11         .setTitle(title)
12         .setIcon(R.drawable.ic_launcher)
13         //第二个参数为默认选中项， 0：代表默认选中第一项
14         .setSingleChoiceItems(items, 0, new OnClickListener() {
15             @Override
16             public void onClick(DialogInterface dialog, int which) {
17                 Toast.makeText(context, "您选中了："+ items[which], Toast.LENGTH_SHORT).show();
18             }
19         });
20         return builder;
21     }

    　　以上代码通过调用setSingleChoiceItems()方法创建了带单选列表的对话框。调用setSingleChoiceItems()方法时既可传入数组作为参数，也可传入Cursor（相当于数据库查询结果集）作为参数，也可传入ListAdapter作为参数。另外，如果传入ListAdapter作为参数，则由ListAdapter来提供多个列表项组件。

    4、多选列表对话框

    　　

     1　　 /**
 2      * 多选列表项对话框
 3      * @author codingblock 2015-8-11
 4      * @param  context     上下文
 5      * @param  title            对话框标题
 6      * @param  items       对话框列表项 CharSequence类型数组
 7      * @param  checked     对话框初始选定状态  boolean类型数组
 8      * @return
 9      */
10     public AlertDialog.Builder multiChoiceDialog(final Context context, String title, final CharSequence[] items, final boolean[] checked){
11         AlertDialog.Builder builder = new AlertDialog.Builder(context)
12         .setTitle(title)
13         .setIcon(R.drawable.ic_launcher)
14         //第二个参数为默认选中项，是一个boolean型的数组
15         .setMultiChoiceItems(items, checked, null)
16         .setPositiveButton("完成", null)
17         .setNegativeButton("取消", null);
18         return builder;
19     }

    　　以上代码通过调用setMultiChoiceItems()方法创建了一个多选列表的对话框。在调用setMultiChoiceItems()时既可传入数组作为参数，也可传入Cursor作为参数。需要注意的时在调用setMultiChoiceItems()方法添加多选列表时，还需要传入一个boolean[]参数，该参数有两个作用：①设置初始化时选中哪些列表项。②该boolean[]类型的参数还可用于动态的获取多选列表项的选中状态。

    5、自定义列表项对话框

    　　

     1　　 /**
 2      * 自定义列表项对话框
 3      * @author codingblock 2015-8-11
 4      * @param  context     上下文
 5      * @param  title       对话框标题
 6      * @param  items       对话框列表项 String类型数组，也可更具需要改成其他类型
 7      * @return
 8      */
 9     public AlertDialog.Builder customListDialog(final Context context, String title, String[] items){
10         AlertDialog.Builder builder = new AlertDialog.Builder(context)
11         .setTitle(title)
12         .setIcon(R.drawable.ic_launcher)
13         .setAdapter(new ArrayAdapter<String>(context, R.layout.array_item, R.id.tv_item, items), null)
14         .setPositiveButton("完成", null)
15         .setNegativeButton("取消", null);
16         return builder;
17     }

    　　以上代码通过setAdapter()设置了对话框的内容，该方法需要传入一个Adapter参数，这样的话，就可以通过Adapter实现多个组件的绘制。其中setAdapter方法中调用的布局文件array_item.xml代码如下：

     1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:id="@+id/container"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent"
 6     android:gravity="center"
 7     android:padding="10dp"
 8     android:orientation="horizontal">
 9     <ImageView
10         android:id="@+id/iv_img"
11         android:layout_width="30dp"
12         android:layout_height="30dp"
13         android:src="@drawable/ic_launcher" />
14     <TextView
15         android:id="@+id/tv_item"
16         android:layout_width="fill_parent"
17         android:layout_height="wrap_content"
18         android:layout_margin="10dp"
19         android:gravity="center"
20         android:text="列表项" />
21 </LinearLayout>

    　　其实，不仅setAdapter()方法可以接受Adapter作为参数，setSingleChoice()方法也可以接受Adapter参数，也就是说，使用setSingleChoice()方法也可以实现自定义列表项对话框。

    6、自定义View的对话框

    　　

     1 　　/**
 2      * 自定义View的对话框
 3      * @author codingblock 2015-8-11
 4      * @param  context     上下文
 5      * @param  title       对话框标题
 6      */
 7     public AlertDialog.Builder customeViewDialog(final Context context, String title){
 8         LinearLayout loginDialog = (LinearLayout)LayoutInflater.from(context).inflate(R.layout.login_dialog, null);
 9         AlertDialog.Builder builder = new AlertDialog.Builder(context)
10         .setTitle(title)
11         .setIcon(R.drawable.ic_launcher)
12         .setView(loginDialog)
13         .setPositiveButton("完成", null)
14         .setNegativeButton("取消", null);
15         return builder;
16     }

    　　以上代码通过setView()方法调用自定义的布局文件显示界面。代码中首先显示装载了login_dialog.xml文件，并返回该文件对应的View，接下来程序调用了setView()方法来显示View。

    　　其中的login_dialog.xml文件代码如下：

     1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:id="@+id/container"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent"
 6     android:padding="10dp"
 7     android:orientation="vertical">
 8     <LinearLayout 
 9         android:layout_width="fill_parent"
10         android:layout_height="wrap_content"
11         android:orientation="horizontal">
12         <TextView 
13             android:id="@+id/tv_name"
14             android:layout_width="wrap_content"
15             android:layout_height="wrap_content"
16             android:text="用户名："/>
17         <EditText 
18             android:id="@+id/et_name"
19             android:layout_width="match_parent"
20             android:layout_height="wrap_content"
21             android:focusable="true"
22             android:hint="input name" />
23     </LinearLayout>
24     <LinearLayout 
25         android:layout_width="fill_parent"
26         android:layout_height="wrap_content"
27         android:orientation="horizontal">
28         <TextView 
29             android:id="@+id/tv_pwd"
30             android:layout_width="wrap_content"
31             android:layout_height="wrap_content"
32             android:text="密码："/>
33         <EditText 
34             android:id="@+id/et_pwd"
35             android:layout_width="match_parent"
36             android:layout_height="wrap_content"
37             android:hint="input password" />
38     </LinearLayout>
39 </LinearLayout>
  • 相关阅读:
    jQuery基础
    前端武器库之DOM练习
    前端逼死强迫症之DOM
    前端武器库系列之html后台管理页面布局
    前端逼死强迫症系列之javascript续集
    初识elasticsearch_2(查询和整合springboot)
    初识elasticsearch_1(基本概念和基本操作)
    springboot整合redis(注解形式)
    springsecurity实战
    浅谈JavaSript中的this
  • 原文地址：https://www.cnblogs.com/codingblock/p/4721597.html
Copyright © 2011-2022 走看看