快捷導(dǎo)航

Android UI設(shè)計(jì)之AlertDialog彈窗控件

更新時(shí)間：2016年08月18日 14:31:38 作者：qq_27630169

這篇文章主要為大家詳細(xì)介紹了Android UI設(shè)計(jì)之AlertDialog彈窗控件的使用方法，感興趣的小伙伴們可以參考一下

有關(guān)android的彈窗界面相信大家見(jiàn)過(guò)不少了，手機(jī)上很多應(yīng)用軟件都涉及到彈窗控件，比如典型的每次刪除一個(gè)圖片或者卸載一個(gè)等都會(huì)彈出一個(gè)窗口詢問(wèn)是否刪除/卸載等，還有我們系統(tǒng)的設(shè)置時(shí)間/日期等，都用到了這樣的控件，下面我將通過(guò)代碼來(lái)總結(jié)下常用的幾個(gè)彈窗控件

activity_main.xml

<?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.company.alertdialog.MainActivity">

 <Button
  android:id="@+id/btn1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:onClick="onClick"
  android:text="列表彈窗" />

 <Button
  android:id="@+id/btn2"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:onClick="onClick"
  android:text="單選彈窗" />

 <Button
  android:id="@+id/btn3"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:onClick="onClick"
  android:text="多選彈窗" />

 <Button
  android:id="@+id/btn4"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:onClick="onClick"
  android:text="日期彈窗" />

 <Button
  android:id="@+id/btn5"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:onClick="onClick"
  android:text="時(shí)間彈窗" />

 <Button
  android:id="@+id/btn6"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:onClick="onClick"
  android:text="進(jìn)度條彈窗" />
</LinearLayout>

strings.xml

<resources>
 <string name="app_name">AlertDialog</string>
 <string-array name="list">
  <item>列表一</item>
  <item>列表二</item>
  <item>列表三</item>
  <item>列表四</item>
  <item>列表五</item>
  <item>列表六</item>
 </string-array>
</resources>

MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

 //表示列表彈窗
 private Button mBtn1;

 //表示單選彈窗
 private Button mBtn2;

 //表示多選彈窗
 private Button mBtn3;

 //表示日期彈窗
 private Button mBtn4;

 //表示時(shí)間彈窗
 private Button mBtn5;

 //表示進(jìn)度條彈窗
 private Button mBtn6;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  init();
  event();
 }

 /**
  * 設(shè)置監(jiān)聽(tīng)事件
  */
 private void event() {
  mBtn1.setOnClickListener(this);
  mBtn2.setOnClickListener(this);
  mBtn3.setOnClickListener(this);
  mBtn4.setOnClickListener(this);
  mBtn5.setOnClickListener(this);
  mBtn6.setOnClickListener(this);
 }

 /**
  * 初始化控件
  */
 private void init() {
  mBtn1 = (Button) findViewById(R.id.btn1);
  mBtn2 = (Button) findViewById(R.id.btn2);
  mBtn3 = (Button) findViewById(R.id.btn3);
  mBtn4 = (Button) findViewById(R.id.btn4);
  mBtn5 = (Button) findViewById(R.id.btn5);
  mBtn6 = (Button) findViewById(R.id.btn6);
 }

 @Override
 public void onClick(View v) {
  switch (v.getId()) {
   case R.id.btn1:
    createListDialog();
    break;
   case R.id.btn2:
    createSingleDialog();
    break;
   case R.id.btn3:
    createMutilDialog();
    break;
   case R.id.btn4:
    createDateDialog();
    break;
   case R.id.btn5:
    createTimeDialog();
    break;
   case R.id.btn6:
    createProgressBarDialog();
    break;


  }
 }

 /**
  * 創(chuàng)建一個(gè)進(jìn)度條彈窗
  */
 private void createProgressBarDialog() {
  //創(chuàng)建進(jìn)度條彈窗對(duì)象
  ProgressDialog progressDialog = new ProgressDialog(this);
  //設(shè)置標(biāo)題
  progressDialog.setTitle("進(jìn)度條彈窗");
  //設(shè)置標(biāo)題圖標(biāo)
  progressDialog.setIcon(R.mipmap.ic_launcher);
  //設(shè)置文本
  progressDialog.setMessage("正在加載...");
  //設(shè)置最大進(jìn)度
  progressDialog.setMax(100);
  //設(shè)置進(jìn)度條的類型
  progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
  //顯示進(jìn)度條彈窗
  progressDialog.show();
  //如果設(shè)置這條語(yǔ)句的話，那么無(wú)論你點(diǎn)擊屏幕外的任何地方或者按返回鍵都取消不了這個(gè)彈窗，
  //除非在完成進(jìn)度后，設(shè)置取消事件。一般情況這種設(shè)置方式對(duì)界面很不友好
  //不過(guò)有時(shí)候軟件有重大bug，用戶不得不更新該軟件，如果不更新，就只能
  //強(qiáng)制退出程序了
//  progressDialog.setCancelable(false);//不允許被某些方式取消,比如按對(duì)話框之外的區(qū)域或者是返回鍵
  progressDialog.setProgress(50);
 }

 /**
  * 創(chuàng)建一個(gè)日期彈窗
  */
 private void createDateDialog() {
  new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {
   /**
    *
    * @param view 當(dāng)前日期選擇的 view
    * @param year 當(dāng)前選擇的年
    * @param monthOfYear 當(dāng)前選擇的月,從0開(kāi)始算
    * @param dayOfMonth,當(dāng)前選擇的日,從1開(kāi)始算
    */
   @Override
   public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
    Toast.makeText(MainActivity.this, "view = " + view + "年：" + year + "月：" + monthOfYear + "日" + dayOfMonth, Toast.LENGTH_SHORT).show();
   }
  }, 2016, 7, 15)//這里注意一下的是月份系統(tǒng)表示的是從0開(kāi)始的，0表示1月，1表示2月.....11表示12月
  .show();
 }


 /**
  * 創(chuàng)建一個(gè)時(shí)間彈窗
  */
 private void createTimeDialog() {
  new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() {
   /**
    *
    * @param view 當(dāng)前時(shí)間選擇的view
    * @param hourOfDay 小時(shí)
    * @param minute 分鐘
    */
   @Override
   public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
    Toast.makeText(MainActivity.this, "時(shí)間彈窗 view = " + view + "hourOfDay = " + hourOfDay + "minute = " + minute, Toast.LENGTH_SHORT).show();
   }
  }, 11, 22, true)
  .show();
 }


 /**
  * 創(chuàng)建一個(gè)多選彈窗
  */
 private void createMutilDialog() {
  new AlertDialog.Builder(this)
    .setTitle("多選彈框")
    .setIcon(R.mipmap.ic_launcher)
    //第二個(gè)參數(shù) boolean數(shù)組, 如果寫 null 代表默認(rèn)全部是非選中, 如果想指定某幾個(gè)選中, 
    //需要?jiǎng)?chuàng)建對(duì)應(yīng)長(zhǎng)度的數(shù)據(jù),按照位置的順序,將指定位置設(shè)置為 true 即可, 數(shù)組長(zhǎng)度不能小
    //于數(shù)據(jù)源的長(zhǎng)度,否則會(huì)越界,但是可以大于數(shù)據(jù)源的長(zhǎng)度
    .setMultiChoiceItems(R.array.list, new boolean[]{true, false, false, true, false, false, false, false, false, false, false, false, false}, new DialogInterface.OnMultiChoiceClickListener() {
     /**
      *
      * @param dialog 當(dāng)前點(diǎn)擊的對(duì)話框
      * @param which 當(dāng)前點(diǎn)擊的條目
      * @param isChecked 被點(diǎn)擊條目的選中狀態(tài)
      */
     @Override
     public void onClick(DialogInterface dialog, int which, boolean isChecked) {
      Toast.makeText(MainActivity.this, "當(dāng)前點(diǎn)擊的是" + which + " 是否選中" + isChecked, Toast.LENGTH_SHORT).show();
     }
    })
    //設(shè)置取消按鈕，并且設(shè)置監(jiān)聽(tīng)事件
    .setNegativeButton("cancel", new DialogInterface.OnClickListener() {
     @Override
     public void onClick(DialogInterface dialog, int which) {
      dialog.dismiss();
     }
    })
    //確認(rèn)按鈕，默認(rèn)點(diǎn)擊會(huì)直接取消該窗口
    .setPositiveButton("sure", new DialogInterface.OnClickListener() {
     @Override
     public void onClick(DialogInterface dialog, int which) {

     }
    })
    .setCancelable(false)
    .show();
 }



 /**
  * 創(chuàng)建一個(gè)單選彈窗
  */
 private void createSingleDialog() {
  new AlertDialog.Builder(this)
    .setTitle("單選彈窗")
    .setIcon(R.mipmap.ic_launcher)
    //構(gòu)造參數(shù), 1 數(shù)據(jù)源,2 默認(rèn)被選中的索引,3 條目的點(diǎn)擊事件
    .setSingleChoiceItems(R.array.list, 1, new DialogInterface.OnClickListener() {
     /**
      *
      * @param dialog 當(dāng)前的對(duì)話框
      * @param which 當(dāng)前點(diǎn)擊的是列表的第幾個(gè) item
      */
     @Override
     public void onClick(DialogInterface dialog, int which) {
      Toast.makeText(MainActivity.this, "單選彈窗 dialog = " + dialog + "which = " + which, Toast.LENGTH_SHORT).show();
     }
    })
    .setNegativeButton("cancel", new DialogInterface.OnClickListener() {
     @Override
     public void onClick(DialogInterface dialog, int which) {
      dialog.dismiss();
     }
    })
    .setPositiveButton("sure", new DialogInterface.OnClickListener() {
     @Override
     public void onClick(DialogInterface dialog, int which) {

     }
    })
    .setCancelable(false)//不允許被某些方式取消,比如按對(duì)話框之外的區(qū)域或者是返回鍵
    .show();
 }


 /**
  * 創(chuàng)建一個(gè)列表彈窗
  */
 private void createListDialog() {
  AlertDialog.Builder builder = new AlertDialog.Builder(this);
  builder.setTitle("列表彈窗");
  builder.setItems(R.array.list, new DialogInterface.OnClickListener() {
   /**
    *
    * @param dialog 當(dāng)前的對(duì)話框
    * @param which 當(dāng)前點(diǎn)擊的是列表的第幾個(gè) item
    */
   @Override
   public void onClick(DialogInterface dialog, int which) {
    Toast.makeText(MainActivity.this, "列表 dialog = " + dialog + "which = " + which, Toast.LENGTH_SHORT).show();
   }
  });
  builder.setCancelable(false);//不允許被某些方式取消,比如按對(duì)話框之外的區(qū)域或者是返回鍵
  builder.show();
 }
}

列表彈窗：