AndroidStudio中實現AlertDialog對話框與自定義對話框制作

 

AndroidStudio中實現AlertDialog對話框與自定義對話框制作

 

　　　　　　　　　　　　　　————安德風QQ1652102745

 

 

一、最終效果演示：

 

 

二、布局設計

①activity_main.xml源代碼

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >

<Button
    android:id="@+id/btn_1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onClick="MyClick"
    android:text="對話框" />

<Button
    android:id="@+id/btn_2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="自定義對話框"
    android:onClick="MyClick"
    />
</LinearLayout>

 

②自定義對話框布局dialog_main.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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:background="@drawable/dialog_bg">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="356dp"
        android:text="您確定要退出嗎？"
        android:textColor="#EF0A0A"
        android:textSize="40sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.62"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <LinearLayout
        android:layout_width="409dp"
        android:layout_height="184dp"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.487"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        android:gravity="center_vertical"
        app:layout_constraintVertical_bias="0.251">

        <Button
            android:id="@+id/yesbutton"
            android:layout_width="80dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:layout_marginLeft="40dp"
            android:background="@drawable/yes_btn" />

        <Button
            android:id="@+id/nobutton"
            android:layout_width="80dp"
            android:layout_height="50dp"
            android:layout_marginRight="40dp"
            android:layout_marginLeft="20dp"
            android:layout_weight="1"
            android:background="@drawable/no_btn" />
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

 

三、對話框功能實現

1、普通對話框和自定義對話框功能（導入樣式功能）MainActivity.java

package com.example.adf520;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
Button btn_1,btn_2;//聲明對話框按鈕、自定義對話框

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       btn_1=findViewById(R.id.btn_1);//尋找對話框按鈕ID
       btn_2=findViewById(R.id.btn_2);//尋找自定義對話框按鈕ID


    }
//實現按鈕交互功能
    public void MyClick(View view) {
        switch (view.getId()){  //通過多分支選擇判斷：當選中對話框時，執行對話框按鈕
            case R.id.btn_1:
                AlertDialog.Builder builder=new AlertDialog.Builder(this);//AlertDialog創建一個Builder實例化建立器
                //通過builder實例化建立器來調用對話框屬性：
                builder.setTitle("提示"); //設置對話框標題
                builder.setMessage("您是否退出？");//設置對話框信息提示
                builder.setNegativeButton("NO",null);//對話框信息提示，選擇取消
                builder.setPositiveButton("YES", new DialogInterface.OnClickListener() {
                    //對話框信息提示，選項按鈕，選擇"YES"將執行DialogInterface監聽器里面方法，執行退出
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        finish();
                    }
                });

                builder.show();//對話框展示
                break;
            //通過多分支選擇判斷：當選中對話框時，執行自定義對話框按鈕
            case R.id.btn_2:
               mydialog mydialog=new mydialog(this,R.style.mydialog);
               //實例化mydialog設置參數( 參數1:環境上下文 (這里設置this), 參數2：導入樣式R.style/樣式名)
               mydialog.show();//展示效果
               break;
        }
    }

//    public void show(){
//        AlertDialog dialog=new AlertDialog.Builder(this).create();
//        dialog.setTitle("提示");
//        dialog.setMessage("您確定要退出嗎?");
//        dialog.setButton(DialogInterface.BUTTON_POSITIVE, "確定", new DialogInterface.OnClickListener() {
//            @Override
//            public void onClick(DialogInterface dialog, int which) {
//
//            }
//        });
//        dialog.show();
//    }




}

2、mydialog.java自定義對話框功能實現(兩個判斷按鈕交互功能)

package com.example.adf520;

import android.app.Dialog;
import android.content.Context;
import android.view.View;

import androidx.annotation.NonNull;

public class mydialog extends Dialog {

    public mydialog(@NonNull Context context, int themeResId) {
        super(context, themeResId);
        setContentView(R.layout.dialog_main);//輸出自定義對話框布局

/**總結自定義對話框步驟：
 * ①設計自定義對話框布局樣式--》dialog_layout.xml
 * ②設計style文件（關閉自定義對話框的標題、去除背景（把背景設置成透明色））
 *③ 將第一步的布局應用到當前自定義對話框（mydialog.java中設置，另外也要實現YES按鈕和NO按鈕的響應功能）
 * ④在MainActivity.java實例化對話框（參數1：環境上下文（默認設置：this），參數2：導入樣式R.style/樣式名     ；並且show（）方法展示出對話框效果）
 */




        //YES按鈕安裝監聽器，實現響應功能
        findViewById(R.id.yesbutton).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                System.exit(0);      //自定義對話框點擊YES按鈕時，執行退出
            }
        });
            //NO按鈕安裝監聽器，實現響應功能
        findViewById(R.id.nobutton).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
              dismiss();  //自定義對話框點擊NO按鈕時，取消
            }
        });
    }
}

 

四、自定義對話框樣式設置，Res/style.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
                 <!--  設置自定義對話框樣式：①導入對話框樣式模板  -->
    <style name="mydialog" parent="android:style/Theme.Dialog">
        <item name="android:windowNoTitle">true</item>
             <!--   設置關閉自定義對話框標題    -->
        <item name="android:windowBackground">@android:color/transparent</item>
             <!--   設置自定義對話框背景顏色為透明    -->
    </style>

</resources>