dialog 的使用

轉載請註明出處:紅亮的專欄:http://blog.csdn.net/liang5630/article/details/44098899

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.setItems(items,new DialogInterface.OnClickListener() {  
  10.             @Override  
  11.             public void onClick(DialogInterface dialog, int which) {  
  12.                 dialog.dismiss();  
  13.                 Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();  
  14.   
  15.             }  
  16.         });  
  17.         builder.setPositiveButton("確定",new DialogInterface.OnClickListener() {  
  18.             @Override  
  19.             public void onClick(DialogInterface dialog, int which) {  
  20.                 dialog.dismiss();  
  21.                 Toast.makeText(MainActivity.this"確定", Toast.LENGTH_SHORT).show();  
  22.             }  
  23.         });  
  24.         builder.create().show();  
  25.     }  

說明:列表對話框只需設置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>  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章