欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android-自定义弹窗Dialog

程序员文章站 2022-05-11 21:07:57
...

一 前言

自定义弹窗在Android应用中十分常见,功能简单直接。

二 目录

  1. 创建Dialog布局
  2. 创建Dialog实现类
  3. 在其他活动中使用该弹窗

三 实现

1.创建Dialog布局

我们应先创建Dialog的布局文件,在res目录中的layout目录创建dialog.xml文件。布局文件内容自行定义。

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:orientation="vertical"
        android:gravity="center">

        <LinearLayout
            android:layout_width="360dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="@drawable/bg_dialog_person_item1">

            <TextView
                android:id="@+id/person_dialog_phone"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center"
                android:textColor="@color/blue"
                android:text="拍照"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="5dp"
                android:background="@drawable/bg_dialog_person_item2"/>
            <TextView
                android:id="@+id/person_dialog_picture"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center"
                android:textColor="@color/blue"
                android:text="从相册中选择"/>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="10dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center">
        <LinearLayout
            android:layout_width="360dp"
            android:layout_height="match_parent"
            android:background="@drawable/bg_dialog_person_item1">
            <TextView
                android:id="@+id/person_dialog_cancel"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:textColor="@color/blue"
                android:text="取消"/>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

2.创建Dialog实现类

实现类有几个关键核心,第一点是为设置的按钮实现监听事件,第二点是重写其显示风格方式。

style风格:

    <!--自定义dialog背景全透明无边框theme -->
    <style name="Dialog_Msg" parent="android:style/Theme.Dialog">
        <!--背景颜色及和透明程度-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!--是否去除标题 -->
        <item name="android:windowNoTitle">true</item>
        <!--是否去除边框-->
        <!--        <item name="android:windowFrame">@null</item>-->
        <!--是否浮现在activity之上-->
        <item name="android:windowIsFloating">true</item>
        <!--背景是否模糊-->
        <item name="android:backgroundDimEnabled">true</item>
    </style>

public class ImageBottomDialog extends Dialog {
    private TextView textPhone;
    private TextView textPicture;
    private TextView textCancel;
    private onPhoneOnclickListener onPhoneOnclickListener;
    private onPictureOnclickListener onPictureOnclickListener;
    private onCancelOnclickListener onCancelOnclickListener;
    public ImageBottomDialog(@NonNull Context context) {
        super(context, R.style.Dialog_Msg);
    }

    public void setOnPictureOnclickListener(ImageBottomDialog.onPictureOnclickListener onPictureOnclickListener) {
        this.onPictureOnclickListener = onPictureOnclickListener;
    }

    public void setOnPhoneOnclickListener(ImageBottomDialog.onPhoneOnclickListener onPhoneOnclickListener) {
        this.onPhoneOnclickListener = onPhoneOnclickListener;
    }

    public void setOnCancelOnclickListener(ImageBottomDialog.onCancelOnclickListener onCancelOnclickListener) {
        this.onCancelOnclickListener = onCancelOnclickListener;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_personalinformation_bottom);
        //按空白处不能取消动画
        setCanceledOnTouchOutside(false);
        //初始化界面控件
        initView();
        //初始化界面数据
        initData();
        //初始化界面控件的事件
        initEvent();
    }

    private void initEvent() {
        textPhone.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onPhoneOnclickListener!=null){
                    onPhoneOnclickListener.onPhoneClick();
                }
            }
        });
        textPicture.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onPictureOnclickListener!=null){
                    onPictureOnclickListener.onPictureClick();
                }
            }
        });
        textCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                onCancelOnclickListener.onCancelClick();
            }
        });
    }

    private void initData() {

    }

    private void initView() {
        textPhone = findViewById(R.id.person_dialog_phone);
        textPicture = findViewById(R.id.person_dialog_picture);
        textCancel = findViewById(R.id.person_dialog_cancel);
    }

    public interface onPhoneOnclickListener {
        void onPhoneClick();
    }

    public interface onPictureOnclickListener {
        void onPictureClick();
    }

    public interface onCancelOnclickListener {
        void onCancelClick();
    }

    @Override
    public void show() {
        super.show();
    }
}

3.使用

        final ImageBottomDialog imageBottomDialog = new ImageBottomDialog(this);
        imageBottomDialog.setOnPictureOnclickListener(new ImageBottomDialog.onPictureOnclickListener() {
            @Override
            public void onPictureClick() {
                //此处添加要执行的方法
            }
        });
        imageBottomDialog.setOnCancelOnclickListener(new ImageBottomDialog.onCancelOnclickListener() {
            @Override
            public void onCancelClick() {
                imageBottomDialog.dismiss();
            }
        });
        imageBottomDialog.setOnPhoneOnclickListener(new ImageBottomDialog.onPhoneOnclickListener() {
            @Override
            public void onPhoneClick() {
                //此处添加要执行的方法
            }
        });
        imageBottomDialog.show();
        Window window = imageBottomDialog.getWindow();
        window.setGravity(Gravity.BOTTOM);
        window.setWindowAnimations(R.style.popupAnimation);
        imageBottomDialog.setCanceledOnTouchOutside(true);
        imageBottomDialog.setCancelable(true);