Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

Dialog对话框以及自定义Dialog

$
0
0

Android中的对话框形式大致可分为五种:分别是一般对话框形式,列表对话框形式,单选按钮对话框,多选按钮对话框,自定义对话框

在实际开发中,用系统的对话框会很少,因为太丑了,美工不愿意,多是使用自定义对话框。当然学会系统的,自定义就简单了,所以我们先来学习系统的,后面在写一篇自定义对话框。

一般对话框:

不多说先上图:

代码:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. private void dialog1(){  
  2.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  3.         builder.setTitle("提示"); //设置标题  
  4.         builder.setMessage("是否确认退出?"); //设置内容  
  5.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  6.         builder.setPositiveButton("确定"new DialogInterface.OnClickListener() { //设置确定按钮  
  7.             @Override  
  8.             public void onClick(DialogInterface dialog, int which) {  
  9.                 dialog.dismiss(); //关闭dialog  
  10.                 Toast.makeText(MainActivity.this"确认" + which, Toast.LENGTH_SHORT).show();  
  11.             }  
  12.         });  
  13.         builder.setNegativeButton("取消"new DialogInterface.OnClickListener() { //设置取消按钮  
  14.             @Override  
  15.             public void onClick(DialogInterface dialog, int which) {  
  16.                 dialog.dismiss();  
  17.                 Toast.makeText(MainActivity.this"取消" + which, Toast.LENGTH_SHORT).show();  
  18.             }  
  19.         });  
  20.   
  21.         builder.setNeutralButton("忽略"new DialogInterface.OnClickListener() {//设置忽略按钮  
  22.             @Override  
  23.             public void onClick(DialogInterface dialog, int which) {  
  24.                 dialog.dismiss();  
  25.                 Toast.makeText(MainActivity.this"忽略" + which, Toast.LENGTH_SHORT).show();  
  26.             }  
  27.         });  
  28.         //参数都设置完成了,创建并显示出来  
  29.         builder.create().show();  
  30.     }  
说明:代码上注释已经比较全了,相信大家都能看得懂!dialog可以设置三个选择按钮,设置时指定按钮响应事件。

是不是觉得三个按钮写了三遍响应事件,很繁琐呢?注意:onClick的参数中有一个which,这个是什么意思呢?这个which实际上代表的是一个唯一的int型数值。像上面的setPositiveButton中的which代表的是-1,setNegativeButton中的which代表的是-3,setNeutralButton中的which代表的是-2. 到了这里相信大家已经想到怎么简洁的写法了,只要写一个响应事件,用which参数去区分是那个按钮就可以了!  


看简洁的代码2:和上面的效果是一样的!

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. private void dialog1_1(){  
  2.        //先new出一个监听器,设置好监听  
  3.        DialogInterface.OnClickListener dialogOnclicListener=new DialogInterface.OnClickListener(){  
  4.   
  5.            @Override  
  6.            public void onClick(DialogInterface dialog, int which) {  
  7.                switch(which){  
  8.                    case Dialog.BUTTON_POSITIVE:  
  9.                        Toast.makeText(MainActivity.this"确认" + which, Toast.LENGTH_SHORT).show();  
  10.                        break;  
  11.                    case Dialog.BUTTON_NEGATIVE:  
  12.                        Toast.makeText(MainActivity.this"取消" + which, Toast.LENGTH_SHORT).show();  
  13.                        break;  
  14.                    case Dialog.BUTTON_NEUTRAL:  
  15.                        Toast.makeText(MainActivity.this"忽略" + which, Toast.LENGTH_SHORT).show();  
  16.                        break;  
  17.                }  
  18.            }  
  19.        };  
  20.        //dialog参数设置  
  21.        AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  22.        builder.setTitle("提示"); //设置标题  
  23.        builder.setMessage("是否确认退出?"); //设置内容  
  24.        builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  25.        builder.setPositiveButton("确认",dialogOnclicListener);  
  26.        builder.setNegativeButton("取消", dialogOnclicListener);  
  27.        builder.setNeutralButton("忽略", dialogOnclicListener);  
  28.        builder.create().show();  
  29.    }  


列表对话框:



代码:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. private void dialog2() {  
  2.         final String items[]={"张三","李四","王五"};  
  3.         //dialog参数设置  
  4.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  5.         builder.setTitle("提示"); //设置标题  
  6.         //builder.setMessage("是否确认退出?"); //设置内容  
  7.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  8.         //设置列表显示,注意设置了列表显示就不要设置builder.setMessage()了,否则列表不起作用。  
  9. builder.setCancelable(false);//设置是否可以被取消(就是点击对话框范围外的地方是否取消对话框)
  10.         builder.setItems(items,new DialogInterface.OnClickListener() {  
  11.             @Override  
  12.             public void onClick(DialogInterface dialog, int which) {  
  13.                 dialog.dismiss();  
  14.                 Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();  
  15.   
  16.             }  
  17.         });  
  18.         builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
  19.             @Override  
  20.             public void onClick(DialogInterface dialog, int which) {  
  21.                 dialog.dismiss();  
  22.                 Toast.makeText(MainActivity.this"确定", Toast.LENGTH_SHORT).show();  
  23.             }  
  24.         });  
  25.         builder.create().show();  
  26.     }  

说明:列表对话框只需设置Items属性即可,注意不能在设置Message属性,否则只会显示Message,不会显示列表。这里的setItems中的Onclick中的which属性是items数组的下标!

单选按钮对话框:


代码:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. private void dialog3(){  
  2.         final String items[]={"男","女"};  
  3.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  4.         builder.setTitle("提示"); //设置标题  
  5.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  6.         builder.setSingleChoiceItems(items,0,new DialogInterface.OnClickListener() {  
  7.             @Override  
  8.             public void onClick(DialogInterface dialog, int which) {  
  9.                 //dialog.dismiss();  
  10.                 Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();  
  11.             }  
  12.         });  
  13.         builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
  14.             @Override  
  15.             public void onClick(DialogInterface dialog, int which) {  
  16.                 dialog.dismiss();  
  17.                 Toast.makeText(MainActivity.this"确定", Toast.LENGTH_SHORT).show();  
  18.             }  
  19.         });  
  20.         builder.create().show();  
  21.     }  

说明:其实也没什么好说的,和上面的差不多,只是设置单选用setSingleChoiceItems,注意这里的参数:items是显示的文本,0表示默认选中是第一个,如图所示是默认选中“男”。


多选列表对话框:



代码:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. private void dialog4(){  
  2.         final String items[]={"篮球","足球","排球"};  
  3.         final boolean selected[]={true,false,true};  
  4.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  5.         builder.setTitle("提示"); //设置标题  
  6.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  7.         builder.setMultiChoiceItems(items,selected,new DialogInterface.OnMultiChoiceClickListener() {  
  8.             @Override  
  9.             public void onClick(DialogInterface dialog, int which, boolean isChecked) {  
  10.                // dialog.dismiss();  
  11.                 Toast.makeText(MainActivity.this, items[which]+isChecked, Toast.LENGTH_SHORT).show();  
  12.             }  
  13.         });  
  14.         builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
  15.             @Override  
  16.             public void onClick(DialogInterface dialog, int which) {  
  17.                 dialog.dismiss();  
  18.                 Toast.makeText(MainActivity.this"确定", Toast.LENGTH_SHORT).show();  
  19.                 //android会自动根据你选择的改变selected数组的值。  
  20.                 for (int i=0;i<selected.length;i++){  
  21.                     Log.e("hongliang",""+selected[i]);  
  22.                 }  
  23.             }  
  24.         });  
  25.         builder.create().show();  
  26.     }  

说明:setMultiChoiceItems中的参数:selected是默认的对应的选中状态。当你选择时,系统会自动帮你把selected中的值做相应改变,所以在确定按钮中可以得到所有的选择状态。其他和单选一样。

总结:要想更好的使用对话框,自定义对话框是少不了的,当然啦,要和activity通信,回调也是少不了的,后面会详细介绍。不多说了,完整代码来一份:

MainActivity.Java

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. package com.example.liang.dialogdemo;  
  2.   
  3. import android.app.AlertDialog;  
  4. import android.app.Dialog;  
  5. import android.content.DialogInterface;  
  6. import android.os.Bundle;  
  7. import android.support.v7.app.ActionBarActivity;  
  8. import android.util.Log;  
  9. import android.view.View;  
  10. import android.widget.Button;  
  11. import android.widget.Toast;  
  12.   
  13.   
  14. public class MainActivity extends ActionBarActivity implements View.OnClickListener{  
  15.     private Button  btn1;  
  16.     private Button  btn2;  
  17.     private Button  btn3;  
  18.     private Button  btn4;  
  19.     @Override  
  20.     protected void onCreate(Bundle savedInstanceState) {  
  21.         super.onCreate(savedInstanceState);  
  22.         setContentView(R.layout.activity_main);  
  23.         btn1= (Button) findViewById(R.id.main_btn1);  
  24.         btn1.setOnClickListener(this);  
  25.         btn2= (Button) findViewById(R.id.main_btn2);  
  26.         btn2.setOnClickListener(this);  
  27.         btn3= (Button) findViewById(R.id.main_btn3);  
  28.         btn3.setOnClickListener(this);  
  29.         btn4= (Button) findViewById(R.id.main_btn4);  
  30.         btn4.setOnClickListener(this);  
  31.   
  32.     }  
  33.     private void dialog1(){  
  34.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  35.         builder.setTitle("提示"); //设置标题  
  36.         builder.setMessage("是否确认退出?"); //设置内容  
  37.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  38.         builder.setPositiveButton("确定"new DialogInterface.OnClickListener() { //设置确定按钮  
  39.             @Override  
  40.             public void onClick(DialogInterface dialog, int which) {  
  41.                 dialog.dismiss(); //关闭dialog  
  42.                 Toast.makeText(MainActivity.this"确认" + which, Toast.LENGTH_SHORT).show();  
  43.             }  
  44.         });  
  45.         builder.setNegativeButton("取消"new DialogInterface.OnClickListener() { //设置取消按钮  
  46.             @Override  
  47.             public void onClick(DialogInterface dialog, int which) {  
  48.                 dialog.dismiss();  
  49.                 Toast.makeText(MainActivity.this"取消" + which, Toast.LENGTH_SHORT).show();  
  50.             }  
  51.         });  
  52.   
  53.         builder.setNeutralButton("忽略"new DialogInterface.OnClickListener() {//设置忽略按钮  
  54.             @Override  
  55.             public void onClick(DialogInterface dialog, int which) {  
  56.                 dialog.dismiss();  
  57.                 Toast.makeText(MainActivity.this"忽略" + which, Toast.LENGTH_SHORT).show();  
  58.             }  
  59.         });  
  60.         //参数都设置完成了,创建并显示出来  
  61.         builder.create().show();  
  62.     }  
  63.     private void dialog1_1(){  
  64.         //先new出一个监听器,设置好监听  
  65.         DialogInterface.OnClickListener dialogOnclicListener=new DialogInterface.OnClickListener(){  
  66.   
  67.             @Override  
  68.             public void onClick(DialogInterface dialog, int which) {  
  69.                 switch(which){  
  70.                     case Dialog.BUTTON_POSITIVE:  
  71.                         Toast.makeText(MainActivity.this"确认" + which, Toast.LENGTH_SHORT).show();  
  72.                         break;  
  73.                     case Dialog.BUTTON_NEGATIVE:  
  74.                         Toast.makeText(MainActivity.this"取消" + which, Toast.LENGTH_SHORT).show();  
  75.                         break;  
  76.                     case Dialog.BUTTON_NEUTRAL:  
  77.                         Toast.makeText(MainActivity.this"忽略" + which, Toast.LENGTH_SHORT).show();  
  78.                         break;  
  79.                 }  
  80.             }  
  81.         };  
  82.         //dialog参数设置  
  83.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  84.         builder.setTitle("提示"); //设置标题  
  85.         builder.setMessage("是否确认退出?"); //设置内容  
  86.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  87.         builder.setPositiveButton("确认",dialogOnclicListener);  
  88.         builder.setNegativeButton("取消", dialogOnclicListener);  
  89.         builder.setNeutralButton("忽略", dialogOnclicListener);  
  90.         builder.create().show();  
  91.     }  
  92.     private void dialog2() {  
  93.         final String items[]={"张三","李四","王五"};  
  94.         //dialog参数设置  
  95.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  96.         builder.setTitle("提示"); //设置标题  
  97.         //builder.setMessage("是否确认退出?"); //设置内容  
  98.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  99.         //设置列表显示,注意设置了列表显示就不要设置builder.setMessage()了,否则列表不起作用。  
  100.         builder.setItems(items,new DialogInterface.OnClickListener() {  
  101.             @Override  
  102.             public void onClick(DialogInterface dialog, int which) {  
  103.                 dialog.dismiss();  
  104.                 Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();  
  105.   
  106.             }  
  107.         });  
  108.         builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
  109.             @Override  
  110.             public void onClick(DialogInterface dialog, int which) {  
  111.                 dialog.dismiss();  
  112.                 Toast.makeText(MainActivity.this"确定", Toast.LENGTH_SHORT).show();  
  113.             }  
  114.         });  
  115.         builder.create().show();  
  116.     }  
  117.     private void dialog3(){  
  118.         final String items[]={"男","女"};  
  119.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  120.         builder.setTitle("提示"); //设置标题  
  121.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  122.         builder.setSingleChoiceItems(items,0,new DialogInterface.OnClickListener() {  
  123.             @Override  
  124.             public void onClick(DialogInterface dialog, int which) {  
  125.                 //dialog.dismiss();  
  126.                 Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();  
  127.             }  
  128.         });  
  129.         builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
  130.             @Override  
  131.             public void onClick(DialogInterface dialog, int which) {  
  132.                 dialog.dismiss();  
  133.                 Toast.makeText(MainActivity.this"确定", Toast.LENGTH_SHORT).show();  
  134.             }  
  135.         });  
  136.         builder.create().show();  
  137.     }  
  138.     private void dialog4(){  
  139.         final String items[]={"篮球","足球","排球"};  
  140.         final boolean selected[]={true,false,true};  
  141.         AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
  142.         builder.setTitle("提示"); //设置标题  
  143.         builder.setIcon(R.mipmap.ic_launcher);//设置图标,图片id即可  
  144.         builder.setMultiChoiceItems(items,selected,new DialogInterface.OnMultiChoiceClickListener() {  
  145.             @Override  
  146.             public void onClick(DialogInterface dialog, int which, boolean isChecked) {  
  147.                // dialog.dismiss();  
  148.                 Toast.makeText(MainActivity.this, items[which]+isChecked, Toast.LENGTH_SHORT).show();  
  149.             }  
  150.         });  
  151.         builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
  152.             @Override  
  153.             public void onClick(DialogInterface dialog, int which) {  
  154.                 dialog.dismiss();  
  155.                 Toast.makeText(MainActivity.this"确定", Toast.LENGTH_SHORT).show();  
  156.                 //android会自动根据你选择的改变selected数组的值。  
  157.                 for (int i=0;i<selected.length;i++){  
  158.                     Log.e("hongliang",""+selected[i]);  
  159.                 }  
  160.             }  
  161.         });  
  162.         builder.create().show();  
  163.     }  
  164.     @Override  
  165.     public void onClick(View v) {  
  166.         switch (v.getId()){  
  167.             case R.id.main_btn1:  
  168.                // dialog1();  
  169.                 dialog1_1();//等同与上面的dialog1(),比之更简洁,推荐  
  170.                 break;  
  171.             case R.id.main_btn2:  
  172.                 dialog2();  
  173.                 break;  
  174.             case R.id.main_btn3:  
  175.                 dialog3();  
  176.                 break;  
  177.             case R.id.main_btn4:  
  178.                 dialog4();  
  179.                 break;  
  180.         }  
  181.     }  
  182. }  
布局文件:

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation="vertical"  
  6.     android:paddingBottom="@dimen/activity_vertical_margin"  
  7.     android:paddingLeft="@dimen/activity_horizontal_margin"  
  8.     android:paddingRight="@dimen/activity_horizontal_margin"  
  9.     android:paddingTop="@dimen/activity_vertical_margin"  
  10.     tools:context=".MainActivity">  
  11.   
  12.     <Button  
  13.         android:id="@+id/main_btn1"  
  14.         android:layout_width="wrap_content"  
  15.         android:layout_height="wrap_content"  
  16.         android:text="普通对话框" />  
  17.   
  18.     <Button  
  19.         android:id="@+id/main_btn2"  
  20.         android:layout_width="wrap_content"  
  21.         android:layout_height="wrap_content"  
  22.         android:text="列表对话框" />  
  23.   
  24.     <Button  
  25.         android:id="@+id/main_btn3"  
  26.         android:layout_width="wrap_content"  
  27.         android:layout_height="wrap_content"  
  28.         android:text="单选列表对话框" />  
  29.     <Button  
  30.         android:id="@+id/main_btn4"  
  31.         android:layout_width="wrap_content"  
  32.         android:layout_height="wrap_content"  
  33.         android:text="多选列表对话框" />  
  34. </LinearLayout>  
作者:laochidao 发表于2016/10/2 19:36:43 原文链接
阅读:87 评论:0 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>