Android對話框AlertDialog詳解
AlertDialog可以在當前的界面上顯示一個對話框,這個對話框是置頂於所有界面元素之上的,能夠屏蔽掉其他控件的交互能力,因此AlertDialog一般是用於提示一些非常重要的內容或者警告信息。
1.創建AlertDialog
首先,我們來瞭解一下AlertDialog的大體創建順序。與TextView、Button這些控件稍有不同,AlertDialog並不是初始化(findViewById)之後就直接調用各種方法瞭。仔細想想AlertDialog的使用場景, 它並不像TextView和Button那些控件似的一般都是固定在界面上,而是在某個時機才會觸發出來(比如用戶點擊瞭某個按鈕或者斷網瞭)。所以AlertDialog並不需要到佈局文件中創建,而是在代碼中通過構造器(AlertDialog.Builder)來構造標題、圖標和按鈕等內容的。
- 1.創建構造器AlertDialog.Builder的對象;
- 2.通過構造器對象調用setTitle、setMessage、setIcon等方法構造對話框的標題、信息和圖標等內容;
- 3.根據需要調用setPositive/Negative/NeutralButton()方法設置正面按鈕、負面按鈕和中立按鈕;
- 4.調用構造器對象的create方法創建AlertDialog對象;
- 5.AlertDialog對象調用show方法,讓對話框在界面上顯示。
註:AlertDialog.Builder自己也有一個show方法,可以顯示對話框,所以上面的第4、第5步可以簡化為一步。
下面,我們就來創建幾種常用的AlertDialog吧。新建一個工程,在activity_main.xml佈局文件上放置五個按鈕,點擊按鈕就會有相應的對話框彈出。
1.1 佈局文件代碼如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.fd.alertdialog.MainActivity"> <Button android:id="@+id/btn_normal_dialog" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="普通對話框" /> <Button android:id="@+id/btn_item_dialog" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="普通列表對話框" /> <Button android:id="@+id/btn_single_choice" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="單選對話框" /> <Button android:id="@+id/btn_multi_choice" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="復選對話框" /> <Button android:id="@+id/btn_custom_dialog" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="自定義對話框" /> </LinearLayout>
1.2 MainActivity的主要代碼如下所示:
package com.fd.alertdialog; import android.content.DialogInterface; import android.os.Bundle; import android.support.v7.app.AlertDialog; import android.support.v7.app.AppCompatActivity; import android.text.TextUtils; import android.util.Log; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity implements View.OnClickListener { public static String TAG = MainActivity.class.getSimpleName(); private int chedkedItem = 0; private String name; private String pwd; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bindView(); } private void bindView() { Button btn_normal_dialog = (Button) findViewById(R.id.btn_normal_dialog); Button btn_item_dialog = (Button) findViewById(R.id.btn_item_dialog); Button btn_single_choice = (Button) findViewById(R.id.btn_single_choice); Button btn_multi_choice = (Button) findViewById(R.id.btn_multi_choice); Button btn_custom_dialog = (Button) findViewById(R.id.btn_custom_dialog); btn_normal_dialog.setOnClickListener(this); btn_item_dialog.setOnClickListener(this); btn_single_choice.setOnClickListener(this); btn_multi_choice.setOnClickListener(this); btn_custom_dialog.setOnClickListener(this); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.btn_normal_dialog: tipDialog(); //提示對話框 break; case R.id.btn_item_dialog: itemListDialog(); //列表對話框 break; case R.id.btn_single_choice: singleChoiceDialog(); //單選對話框 break; case R.id.btn_multi_choice: multiChoiceDialog(); //多選對話框 break; case R.id.btn_custom_dialog: customDialog(); //自定義對話框 break; default: break; } } }
代碼比較簡單,這裡就不做詳細講解瞭。接下來看一下各個對話框的具體代碼。
2.普通提示對話框
提示對話框應該是最常見的AlertDialog瞭,其上主要是提示標題,消息主體,底部“取消”、“確定”等按鈕。
/** * 提示對話框 */ public void tipDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("提示:"); builder.setMessage("這是一個普通對話框,"); builder.setIcon(R.mipmap.ic_launcher); builder.setCancelable(true); //點擊對話框以外的區域是否讓對話框消失 //設置正面按鈕 builder.setPositiveButton("確定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this, "你點擊瞭確定", Toast.LENGTH_SHORT).show(); dialog.dismiss(); } }); //設置反面按鈕 builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this, "你點擊瞭取消", Toast.LENGTH_SHORT).show(); dialog.dismiss(); } }); //設置中立按鈕 builder.setNeutralButton("保密", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(MainActivity.this, "你選擇瞭中立", Toast.LENGTH_SHORT).show(); dialog.dismiss(); } }); AlertDialog dialog = builder.create(); //創建AlertDialog對象 //對話框顯示的監聽事件 dialog.setOnShowListener(new DialogInterface.OnShowListener() { @Override public void onShow(DialogInterface dialog) { Log.e(TAG, "對話框顯示瞭"); } }); //對話框消失的監聽事件 dialog.setOnCancelListener(new DialogInterface.OnCancelListener() { @Override public void onCancel(DialogInterface dialog) { Log.e(TAG, "對話框消失瞭"); } }); dialog.show(); //顯示對話框 }
具體介紹一下用到的方法吧:
- – setTitle:設置對話框的標題,比如“提示”、“警告”等;
- – setMessage:設置對話框要傳達的具體信息;
- – setIcon: 設置對話框的圖標;
- – setCancelable: 點擊對話框以外的區域是否讓對話框消失,默認為true;
- – setPositiveButton:設置正面按鈕,表示“積極”、“確認”的意思,第一個參數為按鈕上顯示的文字,下同;
- – setNegativeButton:設置反面按鈕,表示“消極”、“否認”、“取消”的意思;
- – setNeutralButton:設置中立按鈕;
- – setOnShowListener:對話框顯示時觸發的事件;
- – setOnCancelListener:對話框消失時觸發的事件。
當然,這些設置並不是非要不可,而是根據自己需要而定。比如標題、圖標這些就可要可不要。
效果如下圖所示:
你或許會有這樣的疑問:既然底部那些按鈕的文字和點擊事件的內容都是我們自己來寫的,那不是可以把正面按鈕的內容和反面按鈕的內容互換嗎?看看運行後的效果圖就會發現,反面按鈕是在正面按鈕的左邊的,所以考慮到用戶的操作習慣和代碼的語義,我們最好還是按照API來寫。
3.普通列表對話框
列表對話框的內容就是一列顯示內容,需要用到構造器的
setItems方法,參數一是列表數據,參數二是點擊監聽接口,我們要實現這樣一個小功能,用戶在點擊某一項時彈出一個Toast提示選中項的內容。
代碼如下所示:
/** * 列表對話框 */ private void itemListDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("選擇你喜歡的課程:"); builder.setCancelable(true); final String[] lesson = new String[]{"語文", "數學", "英語", "化學", "生物", "物理", "體育"}; builder.setIcon(R.mipmap.ic_launcher); builder.setIcon(R.mipmap.tab_better_pressed) .setItems(lesson, new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(getApplicationContext(), "你選擇瞭" + lesson[which], Toast.LENGTH_SHORT).show(); } }).create(); //設置正面按鈕 builder.setPositiveButton("確定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); //設置反面按鈕 builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); AlertDialog dialog = builder.create(); //創建AlertDialog對象 dialog.show(); //顯示對話框 }
運行後的效果如下所示:
4.單選對話框
單選對話框的內容就是一個單項選擇列表,需要用到setSingleChoiceItems
方法,參數一是列表數據,參數二是默認選中的item,參數三則是點擊監聽接口,我們要實現這樣一個小功能,用戶在選好某一項之後記下其選擇,下次點開對話框時就默認選中該項。
/** * 單選對話框 */ public void singleChoiceDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("你現在居住地是:"); final String[] cities = {"北京", "上海", "廣州", "深圳", "杭州", "天津", "成都"}; builder.setSingleChoiceItems(cities, chedkedItem, new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(getApplicationContext(), "你選擇瞭" + cities[which], Toast.LENGTH_SHORT).show(); chedkedItem = which; } }); builder.setPositiveButton("確認", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); AlertDialog dialog = builder.create(); //創建AlertDialog對象 dialog.show(); //顯示對話框 }
運行後的效果如下所示:
你可能會把checkedItem的賦值放在確定按鈕的點擊事件中,這一看似乎沒什麼問題,但是這樣是錯誤的!仔細閱讀谷歌的API文檔就知道瞭,setSingleChoiceItems 方法中實現的onClick方法中which表示的是當前選中的列表中的item下標,而setPositiveButton和setNegativeButton方法那裡的which表示的卻是按鈕的種類,正面按鈕中的which值是-1,反面按鈕的是-2,與列表的item是沒有關系的。
例子中的保存選中item的方法有問題的,當Activity被銷毀之後重新創建的話數據就會丟失,要想持久化保存的話要用sharedpreferences或者數據庫。
5.復選對話框
復選對話框是一個可以重復選中的列表,與單選對話框有點像,不過調用的是setMultiChoiceItems方法,而且多瞭一個佈爾值參數isChecked,表示當前點擊的item是否被選中。
我們創建一個集合,將點擊選中的item添加到集合中,取消勾選的話就從集合中移除,點擊確認按鈕後就將選中內容顯示出來。
/** * 復選對話框 */ public void multiChoiceDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("請選擇你喜歡的顏色:"); final String[] colors = {"紅色", "橙色", "黃色", "綠色", "藍色", "靛色", "紫色"}; final List<String> myColors = new ArrayList<>(); builder.setMultiChoiceItems(colors, null, new DialogInterface.OnMultiChoiceClickListener() { @Override public void onClick(DialogInterface dialog, int which, boolean isChecked) { if (isChecked) { myColors.add(colors[which]); } else { myColors.remove(colors[which]); } } }); builder.setPositiveButton("確認", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { String result = ""; for (String color : myColors) { result += color + "、"; } Toast.makeText(getApplicationContext(), "你選擇瞭: " + result, Toast.LENGTH_SHORT).show(); dialog.dismiss(); } }); builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { myColors.clear(); dialog.dismiss(); } }); AlertDialog dialog = builder.create(); //創建AlertDialog對象 dialog.show(); //顯示對話框 }
運行後效果圖如下所示:
6.自定義登錄對話框
有時候,隻顯示簡單的標題和信息是滿足不瞭我們的要求,比如我們要實現一個登錄對話框的話,那就需要在對話框上放置EditText輸入框瞭。AlertDialog早就為我們準備好瞭setView
方法,隻要往裡面放進我們需要的對話框的View對象就可以瞭。
6.1自定義登錄對話框的佈局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#169ee5" android:gravity="center" android:text="請先登錄" android:textColor="@android:color/white" android:textSize="20sp" /> <EditText android:id="@+id/et_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="請輸入你的賬戶名:" android:textSize="18sp" /> <EditText android:id="@+id/et_pwd" android:inputType="textPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="請輸入密碼:" android:textSize="18sp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="5dp" android:orientation="horizontal" android:paddingLeft="5dp" android:paddingRight="5dp"> <Button android:id="@+id/btn_cancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="10dp" android:layout_weight="1" android:background="#169ee5" android:text="取消" android:textColor="@android:color/white" android:textSize="16sp" /> <Button android:id="@+id/btn_login" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:background="#169ee5" android:text="登錄" android:textColor="@android:color/white" android:textSize="16sp" /> </LinearLayout> </LinearLayout>
6.2 自定義對話框的代碼邏輯
setView
方法是通過AlertDialog的對象調用的,所以這裡的代碼順序會稍有不同:我們要先創建AlertDialog對象和View對象,然後再去初始化對話框中的控件。
/** * 自定義登錄對話框 */ public void customDialog() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); final AlertDialog dialog = builder.create(); View dialogView = View.inflate(MainActivity.this, R.layout.activity_custom, null); dialog.setView(dialogView); dialog.show(); final EditText et_name = dialogView.findViewById(R.id.et_name); final EditText et_pwd = dialogView.findViewById(R.id.et_pwd); final Button btn_login = dialogView.findViewById(R.id.btn_login); final Button btn_cancel = dialogView.findViewById(R.id.btn_cancel); btn_login.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { name = et_name.getText().toString(); pwd = et_pwd.getText().toString(); if (TextUtils.isEmpty(name) || TextUtils.isEmpty(pwd)) { Toast.makeText(MainActivity.this, "用戶名或密碼不能為空!", Toast.LENGTH_SHORT).show(); return; } Toast.makeText(MainActivity.this, "用戶名:" + name + "\n" + "用戶密碼:" + pwd, Toast.LENGTH_SHORT).show(); dialog.dismiss(); } }); btn_cancel.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { dialog.dismiss(); } }); }
運行後的效果圖如下所示:
7.自定義對話框需要註意問題
7.1 系統dialog的寬度
默認是固定的,即使你自定義佈局怎麼修改寬度也不起作用,高度可根據佈局自動調節。如果想修改彈出窗體大小,可以使用下面這段代碼來實現改變對話框的寬高。這段代碼必須在dialog.show()方法之後調用才有效。
//此處設置位置窗體大小, dialog.getWindow().setLayout(width,height);
創建新的佈局文件activity_layout.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#169ee5" android:gravity="center" android:text="請先登錄" android:textColor="@android:color/white" android:textSize="20sp" /> <TextView android:id="@+id/textView4" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#169ee5" android:gravity="center" android:text="請先登錄" android:textColor="@android:color/white" android:textSize="20sp" /> <TextView android:id="@+id/textView3" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#169ee5" android:gravity="center" android:text="請先登錄" android:textColor="@android:color/white" android:textSize="20sp" /> <TextView android:id="@+id/textView2" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#169ee5" android:gravity="center" android:text="請先登錄" android:textColor="@android:color/white" android:textSize="20sp" /> <TextView android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#169ee5" android:gravity="center" android:text="請先登錄" android:textColor="@android:color/white" android:textSize="20sp" /> <EditText android:id="@+id/et_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="請輸入你的賬戶名:" android:textSize="18sp" /> <EditText android:id="@+id/et_pwd" android:inputType="textPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="請輸入密碼:" android:textSize="18sp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="5dp" android:orientation="horizontal" android:paddingLeft="5dp" android:paddingRight="5dp"> <Button android:id="@+id/btn_cancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="10dp" android:layout_weight="1" android:background="#169ee5" android:text="取消" android:textColor="@android:color/white" android:textSize="16sp" /> <Button android:id="@+id/btn_login" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:background="#169ee5" android:text="登錄" android:textColor="@android:color/white" android:textSize="16sp" /> </LinearLayout> </LinearLayout>
代碼邏輯和6.2的代碼邏輯差不多,隻是多瞭設置對話框寬度的調用 。
/** * 修改對話框顯示的寬度 */ public void customDialogDisplay() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); final AlertDialog dialog = builder.create(); View dialogView = View.inflate(MainActivity.this, R.layout.activity_layout, null); dialog.setView(dialogView); dialog.show(); dialog.getWindow().setLayout(ScreenUtils.getScreenWidth(this)/4*3, LinearLayout.LayoutParams.WRAP_CONTENT); final EditText et_name = dialogView.findViewById(R.id.et_name); final EditText et_pwd = dialogView.findViewById(R.id.et_pwd); final Button btn_login = dialogView.findViewById(R.id.btn_login); final Button btn_cancel = dialogView.findViewById(R.id.btn_cancel); btn_login.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { name = et_name.getText().toString(); pwd = et_pwd.getText().toString(); if (TextUtils.isEmpty(name) || TextUtils.isEmpty(pwd)) { Toast.makeText(MainActivity.this, "用戶名或密碼不能為空!", Toast.LENGTH_SHORT).show(); return; } Toast.makeText(MainActivity.this, "用戶名:" + name + "\n" + "用戶密碼:" + pwd, Toast.LENGTH_SHORT).show(); dialog.dismiss(); } }); btn_cancel.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { dialog.dismiss(); } }); }
ScreenUtils工具類代碼
public class ScreenUtils { /** * 獲取屏幕高度(px) */ public static int getScreenHeight(Context context) { return context.getResources().getDisplayMetrics().heightPixels; } /** * 獲取屏幕寬度(px) */ public static int getScreenWidth(Context context) { return context.getResources().getDisplayMetrics().widthPixels; } }
效果圖:
7.2 改變Android Dialog彈出後的Activity背景亮度:
在代碼中修改.lp.alpha大小,值的大小可根據自己要求設置。
// 設置屏幕背景變暗 private void setScreenBgDarken() { WindowManager.LayoutParams lp = getWindow().getAttributes(); lp.alpha = 0.5f; lp.dimAmount = 0.5f; getWindow().setAttributes(lp); } // 設置屏幕背景變亮 private void setScreenBgLight() { WindowManager.LayoutParams lp = getWindow().getAttributes(); lp.alpha = 1.0f; lp.dimAmount = 1.0f; getWindow().setAttributes(lp); }
7.3 如何控制彈窗彈出的位置:
一般都是在屏幕正中間彈出默認,但也可以控制從別的地方彈出,比如從底部彈出,可以這樣寫
private void popFromBottom(Dialog dialog) { Window win = dialog.getWindow(); win.setGravity(Gravity.BOTTOM); // 這裡控制彈出的位置 win.getDecorView().setPadding(0, 0, 0, 0); WindowManager.LayoutParams lp = win.getAttributes(); lp.width = WindowManager.LayoutParams.MATCH_PARENT; lp.height = WindowManager.LayoutParams.WRAP_CONTENT; dialog.getWindow().setBackgroundDrawable(null); win.setAttributes(lp); }
8.代碼下載地址
http://xiazai.jb51.net/202112/yuanma/AlertDialogDemo_jb51.rar
到此這篇關於Android對話框AlertDialog詳解的文章就介紹到這瞭。希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。
推薦閱讀:
- Android AlertDialog的幾種用法詳解
- Android Studio使用自定義對話框效果
- Android AlertDialog(對話框)實例詳解
- Android自定義樣式圓角dialog對話框
- Android AlertDialog六種創建方式案例詳解