Android開發介面View的Dialog對話方塊執行個體教程

使用者介面View之Dialog 對話方塊

一、AlertDialog常用方法
使用AlertDialog.Builder中的create()方法建立一個AlertDialog

setTitle()；給對話方塊設定標題
setIcon()；給對話方塊設定表徵圖
setMessage()；設定對話方塊的提示資訊
setView() 給對話方塊設定自訂樣式
setItems()；設定對話方塊要顯示的一個list，一般用於顯示幾個命令時
setSingleChoiceItems()；設定對話方塊顯示一個單選的List
setMultiChoiceItems()；設定對話方塊顯示一系列的複選框
setNeutralButton();普通按鈕
setPositiveButton()；給對話方塊添加"確定"按鈕
setNegativeButton()；給對話方塊添加"取消"按鈕


樣本一：

 

　　圖1效果：該效果是當按返回按鈕時彈出一個提示，來確保無誤操作，採用常見的對話方塊樣式。

　　　　　代碼：

　　建立對話方塊方法dialog()

protected void dialog() {
  AlertDialog.Builder builder = new Builder(Main.this);
  builder.setMessage("確認退出嗎？");

  builder.setTitle("提示");

  builder.setPositiveButton("確認", new OnClickListener() {

   @Override
   public void onClick(DialogInterface dialog, int which) {
    dialog.dismiss();

    Main.this.finish();
   }
  });

  builder.setNegativeButton("取消", new OnClickListener() {

   @Override
   public void onClick(DialogInterface dialog, int which) {
    dialog.dismiss();
   }
  });

  builder.create().show();
 }

 

在onKeyDown(int keyCode, KeyEvent event)方法中調用此方法

public boolean onKeyDown(int keyCode, KeyEvent event) {
  if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {
   dialog();
  }
  return false;
 }

　　圖2效果：改變了對話方塊的圖表，添加了三個按鈕

Dialog dialog = new AlertDialog.Builder(this).setIcon(
     android.R.drawable.btn_star).setTitle("喜好調查").setMessage(
     "你喜歡李連杰的電影嗎？").setPositiveButton("很喜歡",
     new OnClickListener() {

      @Override
      public void onClick(DialogInterface dialog, int which) {
       // TODO Auto-generated method stub
       Toast.makeText(Main.this, "我很喜歡他的電影。",
         Toast.LENGTH_LONG).show();
      }
     }).setNegativeButton("不喜歡", new OnClickListener() {

    @Override
    public void onClick(DialogInterface dialog, int which) {
     // TODO Auto-generated method stub
     Toast.makeText(Main.this, "我不喜歡他的電影。", Toast.LENGTH_LONG)
       .show();
    }
   }).setNeutralButton("一般", new OnClickListener() {

    @Override
    public void onClick(DialogInterface dialog, int which) {
     // TODO Auto-generated method stub
     Toast.makeText(Main.this, "談不上喜歡不喜歡。", Toast.LENGTH_LONG)
       .show();
    }
   }).create();

   dialog.show();

 

圖3效果：資訊內容是一個簡單的View類型

new AlertDialog.Builder(this).setTitle("請輸入").setIcon(
     android.R.drawable.ic_dialog_info).setView(
     new EditText(this)).setPositiveButton("確定", null)
     .setNegativeButton("取消", null).show();

 

圖4效果：資訊內容是一組單選框

new AlertDialog.Builder(this).setTitle("複選框").setMultiChoiceItems(
     new String[] { "Item1", "Item2" }, null, null)
     .setPositiveButton("確定", null)
     .setNegativeButton("取消", null).show();

 

圖5效果：資訊內容是一組多選框

new AlertDialog.Builder(this).setTitle("單選框").setIcon(
     android.R.drawable.ic_dialog_info).setSingleChoiceItems(
     new String[] { "Item1", "Item2" }, 0,
     new DialogInterface.OnClickListener() {
      public void onClick(DialogInterface dialog, int which) {
       dialog.dismiss();
      }
     }).setNegativeButton("取消", null).show();

 

圖6效果：資訊內容是一組簡單清單項目

new AlertDialog.Builder(this).setTitle("列表框").setItems(
     new String[] { "Item1", "Item2" }, null).setNegativeButton(
     "確定", null).show();

 

圖7效果：資訊內容是一個自訂的布局

1.布局檔案

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_height="wrap_content" android:layout_width="wrap_content"
 android:background="#ffffffff" android:orientation="horizontal"
 android:id="@+id/dialog">
 <TextView android:layout_height="wrap_content"
   android:layout_width="wrap_content"
  android:id="@+id/tvname" android:text="姓名：" />
 <EditText android:layout_height="wrap_content"
  android:layout_width="wrap_content" android:id="@+id/etname" android:minWidth="100dip"/>

</LinearLayout>

2.調用代碼

LayoutInflater inflater = getLayoutInflater();
   View layout = inflater.inflate(R.layout.dialog,
     (ViewGroup) findViewById(R.id.dialog));

   new AlertDialog.Builder(this).setTitle("自訂布局").setView(layout)
     .setPositiveButton("確定", null)
     .setNegativeButton("取消", null).show();