Android开发-自定义Dialog

矫情吗；* 2022-05-12 02:14 294阅读 0赞

## 下面是效果图 ##

![70][]

![70 1][]

## 定义一个MyDialog.java工具类继承Dialog类 ##

具体代码如下：

/**
     * Created by WW on 2018/9/12.
     */
    public abstract class MyDialog extends Dialog{
        private Button yesBtn,noBtn;//确定按钮、取消按钮
        private TextView title,message;//标题控件、内容控件
        private String titleStr,messageStr;//标题文本、消息文本
        private EditText payEt;//支付输入框
    
        //构造方法
        public MyDialog(Context context) {
            //应用上下文，传入自定义的style
            //此处也可以不传如自定义的R.style.MyDialog
            super(context, R.style.MyDialog);
        }
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            //设置自定义的Dialog布局
            setContentView(R.layout.mydialog_layout);
    
            //点击空白处不能关闭Dialog
            setCanceledOnTouchOutside(false);
    
            //初始化数据
            init();
    
            //初始化控件
            initData();
    
            //初始化事件
            initEvent();
        }
    
        //初始化数据
        private void initData() {
            if (titleStr != null) {
                title.setText(titleStr);
            }
            if (messageStr != null) {
                message.setText(messageStr);
            }
        }
    
        //初始化控件
        private void init() {
            yesBtn = findViewById(R.id.yesBtn);
            noBtn = findViewById(R.id.noBtn);
            title = findViewById(R.id.title);
            message = findViewById(R.id.message);
            payEt = findViewById(R.id.payEt);
        }
    
        //设置标题文字
        public void setTitleStr(String titleStr)
        {
            this.titleStr = titleStr;
        }
    
        //设置消息内容
        public void setMessageStr(String messageStr)
        {
            this.messageStr = messageStr;
        }
    
        //获得支付输入框的内容
        public String getPayEt()
        {
            return payEt.getText().toString();
        }
    
        //初始化事件
        public void initEvent(){
            //为按钮绑定点击事件，执行下面的抽象方法（由调用者实现逻辑代码）
            yesBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    YesOnClickListener();
                }
            });
            noBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    NoOnClickListener();
                }
            });
        }
    
        //确定按钮的抽象方法
        public abstract void YesOnClickListener();
        //取消按钮的抽象方法
        public abstract void NoOnClickListener();
    }

## 自定义Dialog风格 ##

可以不在MyDialog类中传入自定义的R.style.MyDialog，如果不传入自定义的style，则自动使用默认style

默认style效果：

![70 2][]

## 以及一个布局文件，用来作为自定义Dialog的布局 ##

## mydialog\_layout.xml： ##

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <LinearLayout
            android:layout_width="260dp"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/mydialog_style">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="标题"
                android:padding="5dp"
                android:layout_gravity="center"
                android:id="@+id/title"
                android:textColor="#ff0036"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="内容提示信息"
                android:padding="5dp"
                android:id="@+id/message"
                android:layout_gravity="center"/>
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="45dp">
                <EditText
                    android:layout_width="200dp"
                    android:layout_height="35dp"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:id="@+id/payEt"
                    android:background="#ffffff"
                    android:textAlignment="center"/>
            </RelativeLayout>
    
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#e3e3e3"></View>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:orientation="horizontal">
                <Button
                    android:layout_width="match_parent"
                    android:layout_height="35dp"
                    android:text="确定"
                    android:id="@+id/yesBtn"
                    android:layout_weight="1"
                    android:background="#ff0036"
                    android:textColor="#ffffff"/>
                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:background="#e3e3e3"></View>
                <Button
                    android:layout_width="match_parent"
                    android:layout_height="35dp"
                    android:text="取消"
                    android:id="@+id/noBtn"
                    android:layout_weight="1"
                    android:background="#ffffff"
                    android:textColor="#000000"/>
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>

## 新建一个Activity，MyDialogActivity.java ##

MyDialogActivity.java代码：

public class MyDialogActivity extends Activity {
        Button mydialog;
        MyDialog myDialog;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_my_dialog);
            mydialog = findViewById(R.id.mydialog);
            mydialog.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    myDialog = new MyDialog(MyDialogActivity.this) {
                        @Override
                        public void YesOnClickListener() {
                            if(myDialog.getPayEt().equals("123"))
                                Toast.makeText(MyDialogActivity.this, "支付成功", Toast.LENGTH_SHORT).show();
                            else
                                Toast.makeText(MyDialogActivity.this, "支付密码错误", Toast.LENGTH_SHORT).show();
                            myDialog.dismiss();
                        }
    
                        @Override
                        public void NoOnClickListener() {
                            Toast.makeText(MyDialogActivity.this, "取消支付", Toast.LENGTH_SHORT).show();
                            myDialog.dismiss();
                        }
                    };
                    myDialog.setTitleStr("支付提示");
                    myDialog.setMessageStr("输入支付密码");
                    myDialog.show();
                }
            });
        }
    }

Activity的布局文件：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 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"
        tools:context="com.example.androidstudy.MyDialogActivity"
        android:background="#e3e3e3">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/mydialog"
            android:text="MyDialog"/>
    </RelativeLayout>

除了上面使用抽象方法的方式实现按钮点击外，还可以通过使用接口的方式

对外暴露点击事件的接口，由调用者实现逻辑代码

/**
     * Created by WW on 2018/9/12.
     */
    public class MyDialog extends Dialog{
        private Button yesBtn,noBtn;//确定按钮、取消按钮
        private TextView title,message;//标题控件、内容控件
        private String titleStr,messageStr;//标题文本、消息文本
        private EditText payEt;//支付输入框
    
        YesOnClickListener yesOnClickListener;//确定接口
        NoOnClickListener noOnClickListener;//取消接口
    
        //构造方法
        public MyDialog(Context context) {
            //应用上下文，传入自定义的style
            //此处也可以不传如自定义的R.style.MyDialog
            super(context);
        }
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            //设置自定义的Dialog布局
            setContentView(R.layout.mydialog_layout);
    
            //点击空白处不能关闭Dialog
            setCanceledOnTouchOutside(false);
    
            //初始化数据
            init();
    
            //初始化控件
            initData();
    
            //初始化事件
            initEvent();
        }
    
        //初始化数据
        private void initData() {
            if (titleStr != null) {
                title.setText(titleStr);
            }
            if (messageStr != null) {
                message.setText(messageStr);
            }
        }
    
        //初始化控件
        private void init() {
            yesBtn = findViewById(R.id.yesBtn);
            noBtn = findViewById(R.id.noBtn);
            title = findViewById(R.id.title);
            message = findViewById(R.id.message);
            payEt = findViewById(R.id.payEt);
        }
    
        //设置标题文字
        public void setTitleStr(String titleStr)
        {
            this.titleStr = titleStr;
        }
    
        //设置消息内容
        public void setMessageStr(String messageStr)
        {
            this.messageStr = messageStr;
        }
    
        //获得支付输入框的内容
        public String getPayEt()
        {
            return payEt.getText().toString();
        }
    
        //实现YesOnClickListener接口方法，传入YesOnClickListener
        public void setYesOnClick(YesOnClickListener yesOnClickListener)
        {
            this.yesOnClickListener = yesOnClickListener;
        }
    
        //实现NoOnClickListener接口方法，传入NoOnClickListener
        public void setNoOnClick(NoOnClickListener noOnClickListener)
        {
            this.noOnClickListener = noOnClickListener;
        }
    
        private void initEvent() {
            //设置确定按钮被点击后，向外界提供监听
            yesBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (yesOnClickListener!=null)
                        yesOnClickListener.onYesClick();
                }
            });
            //设置取消按钮被点击后，向外界提供监听
            noBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (noOnClickListener!=null)
                        noOnClickListener.onNoClick();
                }
            });
        }
    
        //确定按钮接口
        public interface YesOnClickListener {
            public void onYesClick();
        }
    
        //取消按钮接口
        public interface NoOnClickListener {
            public void onNoClick();
        }
    }

调用MyDialog：

MyDialog myDialog;
    myDialog = new MyDialog(MyDialogActivity.this);
                    myDialog.setTitleStr("支付提示");
                    myDialog.setMessageStr("输入支付密码");
                    myDialog.setYesOnClick(new MyDialog.YesOnClickListener() {
                        @Override
                        public void onYesClick() {
                            Toast.makeText(MyDialogActivity.this, "支付成功", Toast.LENGTH_SHORT).show();
                            myDialog.dismiss();
                        }
                    });
                    myDialog.setNoOnClick(new MyDialog.NoOnClickListener() {
                        @Override
                        public void onNoClick() {
                            Toast.makeText(MyDialogActivity.this, "取消支付", Toast.LENGTH_SHORT).show();
                            myDialog.dismiss();
                        }
                    });
                    myDialog.show();

[70]: /images/20220512/f76466ab42064223940279810e8c8d25.png
[70 1]: /images/20220512/c4f7a731586a4d0fb8cc25dad3146b70.png
[70 2]: /images/20220512/6dae53fcbbfe45d7b551ecae9f44f231.png