AlertDialog 的介紹

1. AlertDialog的方法

2. AlertDialog的創(chuàng)建

AlertDialog的構(gòu)造函數(shù)都是protected的，因此我們無法直接通過構(gòu)造函數(shù)實(shí)例化，所以SDK提供了 AlertDialog.Builder這個(gè)內(nèi)部類用來創(chuàng)建AlertDialog

//Theme.AppCompat.Dialog主題常用的一般有以下屬性：
<!-- 背景透明 -->  
<item name="android:windowBackground">@android:color/transparent</item>  
<!-- 邊框 -->  
<item name="android:windowFrame">@null</item>  
<!-- 是否浮現(xiàn)在activity之上 -->  
<item name="android:windowIsFloating">true</item>  
<!-- 是否半透明 -->  
<item name="android:windowIsTranslucent">true</item>  
<!-- 是否無標(biāo)題 -->  
<item name="android:windowNoTitle">true</item>  
<!-- Dialog背景樣式 --> 
<item name="android:background">@android:color/transparent</item>  
<!-- 模糊 -->  
<item name="android:backgroundDimEnabled">true</item>  
<!-- 遮罩層 -->  
<item name="android:backgroundDimAmount">0.5</item> 
<!-- Dialog的寬度和屏幕的比例 -->  
<item name="android:windowMinWidthMinor">80%</item>
<!-- Dialog的最小寬度 -->  
<item name="android:minWidth">300dp</item>
<!-- Dialog的最小高度 -->  
<item name="android:minHeight">200dp</item>

AlertDialog 的使用

1.提示對話框

val builder = AlertDialog.Builder(this)
builder.setTitle("Title")
builder.setMessage("Message")
//設(shè)置Neutral按鈕（最左邊的按鈕）
builder.setNeutralButton("Neutral") { _, _ ->
    Toast.makeText(
        this@MainActivity,
        "點(diǎn)擊了Neutral",
        Toast.LENGTH_SHORT
    ).show()
}
//設(shè)置Positive按鈕
builder.setPositiveButton("Positive") { _, _ ->
    Toast.makeText(
        this@MainActivity,
        "點(diǎn)擊了Positive",
        Toast.LENGTH_SHORT
    ).show()
}
//設(shè)置Negative按鈕
builder.setNegativeButton("Negative") { _, _ ->
    Toast.makeText(
        this@MainActivity,
        "點(diǎn)擊了Negative",
        Toast.LENGTH_SHORT
    ).show()
}
//設(shè)置在對話框因任何原因關(guān)閉時(shí)將調(diào)用的回調(diào)。
builder.setOnDismissListener {
    Toast.makeText(
        this@MainActivity,
        "對話框Dismiss了",
        Toast.LENGTH_SHORT
    ).show()
}
//設(shè)置在對話框取消時(shí)將調(diào)用的回調(diào)
//        builder.setOnCancelListener {
//            Toast.makeText(
//                this@MainActivity,
//                "對話框Cancel了",
//                Toast.LENGTH_SHORT
//            ).show()
//        }
//點(diǎn)擊對話框以外的區(qū)域是否讓對話框消失，默認(rèn)為true；
builder.setCancelable(false)

//設(shè)置對話框的title左邊的圖標(biāo)；
builder.setIcon(resources.getDrawable(R.drawable.ic_launcher_background,null))

val dialog = builder.create()
//這個(gè)是Dialog中的方法，builder中沒有這個(gè)方法
dialog.setOnShowListener {
    Toast.makeText(
        this@MainActivity,
        "對話框Show了",
        Toast.LENGTH_SHORT
    ).show()
}
dialog.show()

截屏2021-09-01 上午9.44.28.png

2. 列表對話框

   val builder = AlertDialog.Builder(this)
   builder.setCancelable(false)
   builder.setTitle("這是ListDialog")
   builder.setIcon(R.mipmap.ic_launcher)
   builder.setNegativeButton("取消") { _, _ ->
     Toast.makeText(
         this@MainActivity,
         "點(diǎn)擊取消",
         Toast.LENGTH_SHORT
     ).show()
   }
   
   builder.setPositiveButton("確定") { _, _ ->
     Toast.makeText(
         this@MainActivity,
         "點(diǎn)擊確定",
         Toast.LENGTH_SHORT
     ).show()
   }
   val list = arrayOf("語文", "數(shù)學(xué)", "英語", "化學(xué)", "生物", "物理", "體育")
   //設(shè)置列表
   builder.setItems(list) { p0, p1 ->
     Toast.makeText(
         this@MainActivity,
         "點(diǎn)擊了第${p1}行",
         Toast.LENGTH_SHORT
     ).show()
   }
   builder.create().show()
   

截屏2021-09-01 上午10.12.04.png

3. 單選對話框

   val builder = AlertDialog.Builder(this)
   builder.setCancelable(false)
   builder.setTitle("這是ListDialog")
   builder.setIcon(R.mipmap.ic_launcher)
   builder.setNegativeButton("取消") { _, _ ->
       Toast.makeText(
           this@MainActivity,
           "點(diǎn)擊取消",
           Toast.LENGTH_SHORT
       ).show()
   }
   
   builder.setPositiveButton("確定") { _, _ ->
       Toast.makeText(
           this@MainActivity,
           "點(diǎn)擊確定",
           Toast.LENGTH_SHORT
       ).show()
   }
   val list = arrayOf("語文", "數(shù)學(xué)", "英語", "化學(xué)", "生物", "物理", "體育")
   //設(shè)置列表
   
   builder.setSingleChoiceItems(list,3) { p0, p1 ->
       Toast.makeText(
           this@MainActivity,
           "點(diǎn)擊了第${p1}行",
           Toast.LENGTH_SHORT
       ).show()
   }
   builder.create().show()
   

截屏2021-09-01 上午10.15.53.png

4. 多選對話框

   val builder = AlertDialog.Builder(this)
           builder.setCancelable(false)
           builder.setTitle("這是ListDialog")
           builder.setIcon(R.mipmap.ic_launcher)
           builder.setNegativeButton("取消") { _, _ ->
               Toast.makeText(
                   this@MainActivity,
                   "點(diǎn)擊取消",
                   Toast.LENGTH_SHORT
               ).show()
           }
   
           builder.setPositiveButton("確定") { _, _ ->
               Toast.makeText(
                   this@MainActivity,
                   "點(diǎn)擊確定",
                   Toast.LENGTH_SHORT
               ).show()
           }
           val list = arrayOf("語文", "數(shù)學(xué)", "英語", "化學(xué)", "生物", "物理", "體育")
           var checked = booleanArrayOf(false,false,true,false,false,true,false)
           //設(shè)置列表
           builder.setMultiChoiceItems(list,checked
           ) { _, p1, p2 ->
               Toast.makeText(
                   this@MainActivity,
                   "點(diǎn)擊了第${p1}行 $p2",
                   Toast.LENGTH_SHORT
               ).show()
           }
           builder.create().show()
   

截屏2021-09-01 上午10.29.13.png

5. 自定義彈窗

    val builder = AlertDialog.Builder(this, R.style.CustomDialog)
        builder.setCancelable(true)
        val view = layoutInflater.inflate(R.layout.custom_layout, null, false)
        val binding = CustomLayoutBinding.bind(view)
   
        builder.setView(view)
        val dialog =  builder.create()
        dialog.show()
   
        binding.cancelButton.setOnClickListener {
            Toast.makeText(
                this@MainActivity,
                "點(diǎn)擊了取消",
                Toast.LENGTH_SHORT
            ).show()
            dialog.dismiss()
        }
        binding.okButton.setOnClickListener {
            Toast.makeText(
                this@MainActivity,
                "點(diǎn)擊了確認(rèn)",
                Toast.LENGTH_SHORT
            ).show()
        }
   

   custom_layout.xml

   <?xml version="1.0" encoding="utf-8"?>
   <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
   
   
       <Button
           android:id="@+id/cancel_button"
           android:layout_width="100dp"
           android:layout_height="50dp"
           android:layout_marginLeft="40dp"
           android:backgroundTint="#f00"
           android:text="取消"
           android:textColor="#0f0"
           android:textSize="20sp"
           app:layout_constraintBottom_toBottomOf="parent"
           app:layout_constraintStart_toStartOf="parent" />
   
       <Button
           android:id="@+id/ok_button"
           android:layout_width="100dp"
           android:layout_height="50dp"
           android:layout_marginRight="40dp"
           android:backgroundTint="#0f0"
           android:text="確定"
           android:textColor="#f00"
           android:textSize="20sp"
           app:layout_constraintBottom_toBottomOf="parent"
           app:layout_constraintEnd_toEndOf="parent" />
   
       <TextView
           android:id="@+id/message"
           android:layout_width="wrap_content"
           android:layout_height="80dp"
           android:layout_marginTop="60dp"
           android:gravity="center"
           android:text="Message"
           app:layout_constraintEnd_toEndOf="parent"
           app:layout_constraintStart_toStartOf="parent"
           app:layout_constraintTop_toTopOf="@id/title"
           app:layout_constraintBottom_toTopOf="@id/cancel_button"
           />
   
       <TextView
           android:id="@+id/title"
           android:layout_width="0dp"
           android:layout_height="30dp"
           android:layout_marginLeft="30dp"
           android:layout_marginRight="30dp"
           android:gravity="center"
           android:text="標(biāo)題"
           app:layout_constraintBottom_toTopOf="@id/message"
           app:layout_constraintEnd_toEndOf="parent"
           app:layout_constraintStart_toStartOf="parent"
           app:layout_constraintTop_toTopOf="parent" />
   
   
   </androidx.constraintlayout.widget.ConstraintLayout>
   

   截屏2021-09-01 下午12.09.12.png

   如何修改Dialog的寬度和高度

   直接在layout.xml修改layout_width和layout_height是無法修改Dialog的寬和高的需要自定義一個(gè)theme，使用這個(gè)theme創(chuàng)建AlertDialog.

     <style name="CustomDialog" parent="Theme.AppCompat.Dialog">
           <!-- dialog  寬度與屏幕比例-->
           <!--        <item name="android:windowMinWidthMinor">80%</item>-->
           <!--設(shè)置最小寬度-->
           <item name="android:minWidth">300dp</item>
           <!--設(shè)置最小高度-->
           <item name="android:minHeight">200dp</item>
       </style>
   

   通過代碼修改AlertDialog的大小

   //這段代碼必須放在show()方法之后，否則沒有作用
   dialog.window?.setLayout(100,200)
   

   如何修改AlertDialog的位置

   //這段代碼必須放在show()方法之前，否則沒有作用 當(dāng)x,y都為0則居中顯示
   val para = dialog.window?.attributes
   para?.x = 100 
   para?.y = 100