常用的android彈出對話框


我們在平時做開發的時候,免不了會用到各種各樣的對話框,相信有過其他平台開發經驗的朋友都會知道,大部分的平台都只提供了幾個最簡單的實現,如果我們想實現自己特定需求的對話框,大家可能首先會想到,通過繼承等方式,重寫我們自己的對話框。當然,這也是不失為一個不錯的解決方式,但是一般的情況卻是這樣,我們重寫的對話框,也許只在一個特定的地方會用到,為了這一次的使用,而去創建一個新類,往往有點殺雞用牛刀的感覺,甚至會對我們的程序增加不必要的復雜性,對於這種情形的對話框有沒有更優雅的解決方案呢? 
    幸運的是,android提供了這種問題的解決方案,剛開始接觸android的時候,我在做一個自定義對話框的時候,也是通過繼承的方式來實現,后來隨着對文檔了解的深入,發現了android起始已經提供了相應的接口Dialog Builder ,下面我就吧相關的內容在這里分享一下,也能讓更多的初學者少走彎路。

首先是一個最簡單的應用,就是彈出一個消息框,在android中可以這樣實現

new AlertDialog.Builder(self)  
                  .setTitle("標題")
                  .setMessage("簡單消息框")
                  .setPositiveButton("確定", null)
                  .show();

效果如下:

 

上面的代碼中我們新建了一個AlertDialog,並用Builder方法形成了一個對象鏈,通過一系列的設置方法,構造出我們需要的對話框,然后調用show方法顯示出來,注意到Builder方法的參數 self,這個其實是Activity對象的引用,根據你所處的上下文來傳入相應的引用就可以了。例如在onCreate方法中調用,只需傳入this即可。


下面是帶確認和取消按鈕的對話框

new AlertDialog.Builder(self) 
      .setTitle("確認")
      .setMessage("確定嗎?")
      .setPositiveButton("是", null)
      .setNegativeButton("否", null)
      .show();

注意到,這里有兩個null參數,這里要放的其實是這兩個按鈕點擊的監聽程序,由於我們這里不需要監聽這些動作,所以傳入null值簡單忽略掉,但是實際開發的時候一般都是需要傳入監聽器的,用來響應用戶的操作。

下面是一個可以輸入文本的對話框

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

如上代碼,我們用setView方法,為我們的對話框傳入了一個文本編輯框,當然,你可以傳入任何的視圖對象,比如圖片框,WebView等。。盡情發揮你的想象力吧~:lol

下面是單選框與多選框,也是非常有用的兩種對話框

復制代碼
new AlertDialog.Builder(self)
.setTitle("請選擇")
.setIcon(android.R.drawable.ic_dialog_info)                
.setSingleChoiceItems(new String[] {"選項1","選項2","選項3","選項4"}, 0, 
  new DialogInterface.OnClickListener() {
                            
     public void onClick(DialogInterface dialog, int which) {
        dialog.dismiss();
     }
  }
)
.setNegativeButton("取消", null)
.show();
復制代碼

new AlertDialog.Builder(self)
.setTitle("多選框")
.setMultiChoiceItems(new String[] {"選項1","選項2","選項3","選項4"}, null, null)
.setPositiveButton("確定", null)                
.setNegativeButton("取消", null)
.show();

單選和多選對話框應該是我們平時用的非常多的,代碼應該很好理解,下面再最后介紹兩個、

列表對話框

new AlertDialog.Builder(self)
.setTitle("列表框")
.setItems(new String[] {"列表項1","列表項2","列表項3"}, null)
.setNegativeButton("確定", null)
.show();

最后,在對話框中顯示圖片

復制代碼
ImageView img = new ImageView(self);
img.setImageResource(R.drawable.icon);
new AlertDialog.Builder(self)
.setTitle("圖片框")
.setView(img)
.setPositiveButton("確定", null)
.show();
復制代碼

 我們傳入了一個ImageView來顯示圖片,這里顯示了一個經典的android小綠人圖標~ ~,當然這里還可以放上網絡圖片,具體的實現方法就不介紹了,留給大家來練習吧~:lol

      最后總結一下,android平台為我們開發提供了極大的便利,DialogBuilder能做的不止這些,這里給大家展示的只是冰山一角,我們可以盡情的發揮想象,創造我們自己的對話框。

 

 

Android開發中我們經常需要用到提示框,以便更好的和用戶進行交互

首先我們來看看效果圖

 

實現這個其實很簡單,Android的API已經為我們提供了一個提示框類AlertDialog,我們實現的時候直接調用它就好了

 

1.簡單的消息提示框

 

[java]  view plain  copy
 
  1. // 簡單消息提示框  
  2. private void showExitDialog01(){  
  3.     new AlertDialog.Builder(this)  
  4.         .setTitle("標題")  
  5.         .setMessage("簡單的消息提示框")  
  6.         .setPositiveButton("確定", null)  
  7.         .show();  
  8. }  

其中this代表的是上下文context的意思,這里的this代表當前Activity的引用,為什么使用this能傳遞一個context呢?因為Activity本身就是Context的一個子類。

setTitle:設置標題文字

setMessage:設置對話框顯示內容

setPositiveButton:設置確認按鈕,第二個參數可以傳入一個監聽事件,可以自定義確認按鈕的事件監聽

show:顯示該對話框

 

2.帶“是”和“否”的提示框

 

[java]  view plain  copy
 
  1. // 帶“是”和“否”的提示框  
  2. private void showExitDialog02(){  
  3.     new AlertDialog.Builder(this)  
  4.         .setTitle("帶確定鍵的提示框")  
  5.         .setMessage("確定嗎")  
  6.         .setPositiveButton("是", null)  
  7.         .setNegativeButton("否", null)  
  8.         .show();  
  9. }  

setNegativeButton:設置否定按鈕,第二個參數可以傳入自定義的事件監聽,為null則使用系統默認的事件監聽

 

 

3.可輸入文本的提示框

 

[java]  view plain  copy
 
  1. // 可輸入文本的提示框  
  2. private void showExitDialog03(){  
  3.     final EditText edt = new EditText(this);  
  4.     edt.setMinLines(3);  
  5.     new AlertDialog.Builder(this)  
  6.         .setTitle("請輸入")  
  7.         .setIcon(android.R.drawable.ic_dialog_info)  
  8.         .setView(edt)  
  9.         .setPositiveButton("確定", new DialogInterface.OnClickListener() {  
  10.             public void onClick(DialogInterface arg0, int arg1) {  
  11.                 text_01.setText(edt.getText().toString());  
  12.             }  
  13.         })  
  14.         .setNegativeButton("取消", null)  
  15.         .show();  
  16. }  
  17.       

edt.setMinLines(3):設置輸入框最小文本行數

setIcon:設置對話框標題圖標,這里使用的是android自帶的圖片,我們也可以使用自己的圖標

setView:給對話框添加View控件,這個控件可以是EditText,也可以是ImageView,也可以是TextView等等,只要繼承了View的控件都可以傳入

new DialogInterface:這里需要注意,一定要導入正確的包,不是View類下的OnClickListener,而是DialogInterface類下的OnClickListener

 

4.單選提示框

 

[java]  view plain  copy
 
  1. // 單選提示框  
  2. private void showExitDialog04(){  
  3.     new AlertDialog.Builder(this)  
  4.         .setTitle("請選擇")  
  5.         .setIcon(android.R.drawable.ic_dialog_info)  
  6.         .setSingleChoiceItems(new String[]{"選項1","選項2","選項3","選項4","選項5","選項6"}, -1, new DialogInterface.OnClickListener(){  
  7.             public void onClick(DialogInterface arg0, int arg1) {  
  8.                 switch (arg1) {  
  9.                 case 0:text_01.setText("選擇了一");break;  
  10.                 case 1:text_01.setText("選擇了二");break;  
  11.                 case 2:text_01.setText("選擇了三");break;  
  12.                 default: break;  
  13.                 }  
  14.                 arg0.dismiss();  
  15.             }  
  16.         })  
  17.         .setNegativeButton("取消", null)  
  18.         .show();  
  19. }  

setSingleChoiceItems:創建帶單選按鈕的列表,它有多種載入數據的方式,這里我們使用的是從字符串數組中裝載數據,幾個方式分別為

 

1.從資源文件中加載數據
public Builder setSingleChoiceItems(int itemsId, int checkedItem, final OnClickListener listener)
2.從數據集中加載數據
public Builder setSingleChoiceItems(Cursor cursor, int checkedItem, String labelColumn, final OnClickListener listener)
3.從字符串數組中加載數據
public Builder setSingleChoiceItems(CharSequence[] items, int checkedItem, final OnClickListener listener)
4.從ListAdapter對象中加載數據
public Builder setSingleChoiceItems(ListAdapter adpater, int checkedItem, final OnClickListener listener)
第一個參數為要加載的數據,第二個參數為默認選中的按鈕,如果為0則代表第一個項目被選中,為-1則代表沒有項目被選中。第三個參數可為單選列表的項目設置監聽事件
onClick(DialogInterface arg0, int arg1):其中arg0代表的是當前對話框對象,可以使用arg0.dismiss來關閉當前對話框,arg1代表單選列表中單個項目的位置

5.多選提示框

[java]  view plain  copy
 
  1. // 多選提示框  
  2. private void showExitDialog05(){  
  3.     new AlertDialog.Builder(this)  
  4.         .setTitle("多選框")  
  5.         .setMultiChoiceItems(new String[]{"選項1","選項2","選項3","選項4","選項5","選項6"}, null, null)  
  6.         .setPositiveButton("確定",null)  
  7.         .setNegativeButton("取消",null)  
  8.         .show();  
  9. }  
setMultiChoiceItems:創建帶多選按妞的列表
第一個參數為要加載的數據
第二個參數可設置默認選中的按鈕,比如我們想讓“選項2”和“選項3”被選中,則可設置第二個參數為new boolean[]{false,true,true,false,false,false}
第三個參數為監聽事件,需要設置事件監聽時則添加new DialogInterface.OnMultiChoiceClickListener()

6.列表對話框

[java]  view plain  copy
 
  1. // 列表對話框  
  2. private void showExitDialog06(){  
  3.     new AlertDialog.Builder(this)  
  4.         .setTitle("列表框")  
  5.         .setItems(new String[]{"列表1","列表2","列表3","列表4","列表5"}, null)  
  6.         .setNegativeButton("確定", null)  
  7.         .show();  
  8. }  
setItems:設置添加列表框,第二個參數可傳入事件監聽

7.顯示圖片的對話框

[java]  view plain  copy
 
  1. // 顯示圖片的對話框  
  2. private void showExitDialog07(){  
  3.     ImageView img = new ImageView(this);  
  4.     img.setImageResource(R.drawable.hua);  
  5.     new AlertDialog.Builder(this)  
  6.         .setTitle("圖片框")  
  7.         .setView(img)  
  8.         .setPositiveButton("確定", null)  
  9.         .show();  
  10. }  
這個對話框的實現其實和第3個可輸入文本的提示框實現方式一樣,都是通過setView添加View控件達到顯示效果


Demo源碼:傳送門

 

 

  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或者數據庫。

4、復選對話框
    復選對話框是一個可以重復選中的列表,與單選對話框有點像,不過調用的是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.代碼下載地址

https://github.com/streate/AlertDialogDemo


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM