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>