扣丁学堂浅谈Android培训之六种不同对话框实现源码

2018-01-02 09:14:11 589浏览

在开发过程中，与用户交互式免不了会用到对话框以实现更好的用户体验，所以掌握几种对话框的实现方法还是非常有必要的。在看具体实例之前先对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、显示提示消息的对话框。

#FormatImgID_0#

/**

*显示提示消息的对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@parammessage对话框提示内容

*@return

*/

publicAlertDialog.BuildersimpleDialog(finalContextcontext,Stringtitle,Stringmessage){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setMessage(message)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

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

publicvoidonClickSimple(Viewv){

builder=newDialog().simpleDialog(this,"简单对话框","对话框内容");

builder.setPositiveButton("确定",newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacearg0,intarg1){

//确定

}

})

.setNegativeButton("取消",newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacearg0,intarg1){

//取消

}

});

builder.create().show();

}

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

2、简单列表项对话框

#FormatImgID_1#

/**

*简单列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项CharSequence类型数组，也可根据需要改成其他类型

*@return

*/

publicAlertDialog.BuildersimpleListDialog(finalContextcontext,Stringtitle,finalCharSequence[]items){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setItems(items,newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacedialog,intwhich){

Toast.makeText(context,"您选中了："+items[which],Toast.LENGTH_SHORT).show();

}

});

returnbuilder;

}

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

3、单选列表项对话框

#FormatImgID_2#

/**

*单选列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项CharSequence类型数组

*@return

*/

publicAlertDialog.BuildersimpleChoiceDialog(finalContextcontext,Stringtitle,finalCharSequence[]items){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

//第二个参数为默认选中项，0：代表默认选中第一项

.setSingleChoiceItems(items,0,newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacedialog,intwhich){

Toast.makeText(context,"您选中了："+items[which],Toast.LENGTH_SHORT).show();

}

});

returnbuilder;

}

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

4、多选列表对话框

#FormatImgID_3#

/**

*多选列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项CharSequence类型数组

*@paramchecked对话框初始选定状态boolean类型数组

*@return

*/

publicAlertDialog.BuildermultiChoiceDialog(finalContextcontext,Stringtitle,finalCharSequence[]items,finalboolean[]checked){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

//第二个参数为默认选中项，是一个boolean型的数组

.setMultiChoiceItems(items,checked,null)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

5、自定义列表项对话框

#FormatImgID_4#

/**

*自定义列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项String类型数组，也可更具需要改成其他类型

*@return

*/

publicAlertDialog.BuildercustomListDialog(finalContextcontext,Stringtitle,String[]items){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setAdapter(newArrayAdapter(context,R.layout.array_item,R.id.tv_item,items),null)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:padding="10dp"

android:orientation="horizontal">

android:id="@+id/iv_img"

android:layout_width="30dp"

android:layout_height="30dp"

android:src="@drawable/ic_launcher"/>

android:id="@+id/tv_item"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_margin="10dp"

android:gravity="center"

android:text="列表项"/>

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

6、自定义View的对话框

/**

*自定义View的对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*/

publicAlertDialog.BuildercustomeViewDialog(finalContextcontext,Stringtitle){

LinearLayoutloginDialog=(LinearLayout)LayoutInflater.from(context).inflate(R.layout.login_dialog,null);

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setView(loginDialog)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

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

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:padding="10dp"

android:orientation="vertical">

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tv_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="用户名："/>

android:id="@+id/et_name"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:focusable="true"

android:hint="inputname"/>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tv_pwd"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="密码："/>

android:id="@+id/et_pwd"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:hint="inputpassword"/>

最后想向大家强调一点，学编程基础一定要打牢，所有的概念和知识点必须理解透彻，解更多请关注扣丁学堂Android培训官网、微信公众号平台，扣丁学堂Android视频教程从零基础到精通免费试听试学，就业终端服务系统随时监控学员的学习情况和效果，顺利毕业后根据学员自身风格和学习效果推荐就业。如果你想要学习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、显示提示消息的对话框。

#FormatImgID_0#

/**

*显示提示消息的对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@parammessage对话框提示内容

*@return

*/

publicAlertDialog.BuildersimpleDialog(finalContextcontext,Stringtitle,Stringmessage){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setMessage(message)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

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

publicvoidonClickSimple(Viewv){

builder=newDialog().simpleDialog(this,"简单对话框","对话框内容");

builder.setPositiveButton("确定",newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacearg0,intarg1){

//确定

}

})

.setNegativeButton("取消",newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacearg0,intarg1){

//取消

}

});

builder.create().show();

}

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

2、简单列表项对话框

#FormatImgID_1#

/**

*简单列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项CharSequence类型数组，也可根据需要改成其他类型

*@return

*/

publicAlertDialog.BuildersimpleListDialog(finalContextcontext,Stringtitle,finalCharSequence[]items){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setItems(items,newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacedialog,intwhich){

Toast.makeText(context,"您选中了："+items[which],Toast.LENGTH_SHORT).show();

}

});

returnbuilder;

}

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

3、单选列表项对话框

#FormatImgID_2#

/**

*单选列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项CharSequence类型数组

*@return

*/

publicAlertDialog.BuildersimpleChoiceDialog(finalContextcontext,Stringtitle,finalCharSequence[]items){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

//第二个参数为默认选中项，0：代表默认选中第一项

.setSingleChoiceItems(items,0,newOnClickListener(){

@Override

publicvoidonClick(DialogInterfacedialog,intwhich){

Toast.makeText(context,"您选中了："+items[which],Toast.LENGTH_SHORT).show();

}

});

returnbuilder;

}

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

4、多选列表对话框

#FormatImgID_3#

/**

*多选列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项CharSequence类型数组

*@paramchecked对话框初始选定状态boolean类型数组

*@return

*/

publicAlertDialog.BuildermultiChoiceDialog(finalContextcontext,Stringtitle,finalCharSequence[]items,finalboolean[]checked){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

//第二个参数为默认选中项，是一个boolean型的数组

.setMultiChoiceItems(items,checked,null)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

5、自定义列表项对话框

#FormatImgID_4#

/**

*自定义列表项对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*@paramitems对话框列表项String类型数组，也可更具需要改成其他类型

*@return

*/

publicAlertDialog.BuildercustomListDialog(finalContextcontext,Stringtitle,String[]items){

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setAdapter(newArrayAdapter(context,R.layout.array_item,R.id.tv_item,items),null)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:padding="10dp"

android:orientation="horizontal">

android:id="@+id/iv_img"

android:layout_width="30dp"

android:layout_height="30dp"

android:src="@drawable/ic_launcher"/>

android:id="@+id/tv_item"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_margin="10dp"

android:gravity="center"

android:text="列表项"/>

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

6、自定义View的对话框

/**

*自定义View的对话框

*@authorcodingblock2015-8-11

*@paramcontext上下文

*@paramtitle对话框标题

*/

publicAlertDialog.BuildercustomeViewDialog(finalContextcontext,Stringtitle){

LinearLayoutloginDialog=(LinearLayout)LayoutInflater.from(context).inflate(R.layout.login_dialog,null);

AlertDialog.Builderbuilder=newAlertDialog.Builder(context)

.setTitle(title)

.setIcon(R.drawable.ic_launcher)

.setView(loginDialog)

.setPositiveButton("完成",null)

.setNegativeButton("取消",null);

returnbuilder;

}

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

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

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:padding="10dp"

android:orientation="vertical">

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tv_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="用户名："/>

android:id="@+id/et_name"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:focusable="true"

android:hint="inputname"/>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tv_pwd"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="密码："/>

android:id="@+id/et_pwd"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:hint="inputpassword"/>

最后想向大家强调一点，学编程基础一定要打牢，所有的概念和知识点必须理解透彻，解更多请关注扣丁学堂Android培训官网、微信公众号平台，扣丁学堂Android视频教程从零基础到精通免费试听试学，就业终端服务系统随时监控学员的学习情况和效果，顺利毕业后根据学员自身风格和学习效果推荐就业。如果你想要学习Android开发工程师技术就不要再犹豫了，喜欢就付诸行动吧。

【关注微信公众号获取更多学习资料】

查看更多关于“Android开发技术”的相关资讯>>