Android弹框之dialog

最新推荐文章于 2024-05-06 20:28:37 发布
最新推荐文章于 2024-05-06 20:28:37 发布
阅读量375 收藏
点赞数
分类专栏： Android 文章标签： android dialog mvvm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gengbaolong/article/details/80092859
版权

项目中用到许多弹框。实现方法都差不多，这里挑一两个出来记录一下。

效果图如下：
 
》》系统Dialog实现的
 
这里写图片描述

 
》》自定义dialog
 

这里写图片描述
 
    一般情况下，上面两种类型基本可以包括项目中的弹框效果了，最多是背景换一下，或者是图片，或者是自
己用shape画的图。

 
》》自定义dialog实现选择
 
这里写图片描述

 

    需要说明的是最后一种在项目中使用了MVVM实现，实际是Databinding实现的，实现起来简单。
 
 
》》部分代码如下：

public class BorrowPurposeDialog extends Dialog {
    public interface BorrowPurposeInterface{
        void onPurposeConfirm(int produceIndex,int chooseItem);
    }
    //当前选择index
    public ObservableInt chooseIndex = new ObservableInt(0);
    private BorrowPurposeInterface purposeInterface;
    //选择产品位置
    private int productIndex = 0;
    public BorrowPurposeDialog(@NonNull Context context, int productIndex, BorrowPurposeInterface purposeInterface) {
        super(context, R.style.CustomDialog);
        this.purposeInterface = purposeInterface;
        this.productIndex = productIndex;
        LayoutInflater layoutInflater = LayoutInflater.from(context);
        DialogBorrowPurposeBinding purposeBinding =  DataBindingUtil.inflate(layoutInflater,R.layout.dialog_borrow_purpose,null,false);
        setContentView(purposeBinding.getRoot());
        setCanceledOnTouchOutside(true);
        Window dialogWindow = this.getWindow();
        WindowManager.LayoutParams lp = dialogWindow.getAttributes();
        dialogWindow.setGravity(Gravity.CENTER);
        dialogWindow.setWindowAnimations(R.style.DialogAnimation);
        lp.width = DeviceUtil.dp2px(context, 230);
        lp.height = DeviceUtil.dp2px(context, 350);
        dialogWindow.setAttributes(lp);
        purposeBinding.setDataInfo(this);
    }
    public void setProductIndex(int productIndex){
        this.productIndex = productIndex;
    }
    /**
     * 更新选中
     * @param index
     */
    public void updateProductIndex(int index){
        chooseIndex.set(index);
    }
    /**
     * @param view
     */
    public void onAction(View view){
        switch (view.getId()){
            case R.id.rly_back:
                dismiss();
                break;
            case R.id.tv_go_borrow:
                if(chooseIndex.get()!=0) {
                    dismiss();
                    purposeInterface.onPurposeConfirm(productIndex, chooseIndex.get());
                }
                break;
        }
    }
    /**
     * 功能选择
     * @param view
     */
    public void onPotionChoose(View view){
        switch (view.getId()){
            case R.id.lin_red:
                if(chooseIndex.get()==1){
                    chooseIndex.set(0);
                }else{
                    chooseIndex.set(1);
                }
                break;
            case R.id.lin_yellow:
                if(chooseIndex.get()==2){
                    chooseIndex.set(0);
                }else {
                    chooseIndex.set(2);
                }
                break;
            case R.id.lin_travel:
                if(chooseIndex.get()==3){
                    chooseIndex.set(0);
                }else {
                    chooseIndex.set(3);
                }
                break;
            case R.id.lin_train:
                if(chooseIndex.get()==4){
                    chooseIndex.set(0);
                }else {
                    chooseIndex.set(4);
                }
                break;
            case R.id.lin_home:
                if(chooseIndex.get()==5){
                    chooseIndex.set(0);
                }else {
                    chooseIndex.set(5);
                }
                break;
            case R.id.lin_rent:
                if(chooseIndex.get()==6){
                    chooseIndex.set(0);
                }else {
                    chooseIndex.set(6);
                }
                break;

        }
    }
}

 
》》对应的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="dataInfo"
            type="com.ps.widget.BorrowPurposeDialog"/>
    </data>
    <RelativeLayout
        android:layout_width="230dp"
        android:layout_height="350dp"
        android:background="@mipmap/yongtubg">
        <!--标题-->
        <RelativeLayout
            android:id="@+id/rl_title"
            android:layout_width="match_parent"
            android:layout_height="55dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_centerHorizontal="true"
                android:text="选择您的借款用途"
                android:textSize="15sp"
                android:textColor="#FFFFFF"
                android:textStyle="bold" />

            <RelativeLayout
                android:id="@+id/rly_back"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="@{dataInfo::onAction}"
                android:layout_alignParentRight="true">

                <View
                    android:layout_width="15dp"
                    android:layout_height="15dp"
                    android:layout_margin="8dp"
                    android:background="@mipmap/ic_cancel" />

            </RelativeLayout>


        </RelativeLayout>

        <!--购物-->
        <LinearLayout
            android:id="@+id/lin_red"
            android:layout_below="@+id/rl_title"
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:orientation="horizontal"
            android:onClick="@{dataInfo.onPotionChoose}"
            android:gravity="center_vertical">

            <View
                android:layout_width="15dp"
                android:layout_height="16dp"
                android:layout_marginLeft="20dp"
                android:background="@mipmap/point_icon1" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="13sp"
                android:textColor="@color/color_333333"
                android:layout_marginLeft="8dp"
                android:text="@string/purpose_shop" />

            <View
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_weight="1" />

            <ImageView
                android:layout_width="15dp"
                android:layout_height="15dp"
                android:layout_marginRight="20dp"
                android:background="@{dataInfo.chooseIndex==1?@drawable/point_xuanze:@drawable/point_wei_xuanze}" />

        </LinearLayout>

        <!--分割线-->
        <View
            android:id="@+id/line_red"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@+id/lin_red"
            android:background="@color/color_d8d8d8" />

        <!--美容-->
        <LinearLayout
            android:id="@+id/lin_yellow"
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:orientation="horizontal"
            android:layout_below="@+id/line_red"
            android:onClick="@{dataInfo.onPotionChoose}"
            android:gravity="center_vertical">

            <View
                android:layout_width="15dp"
                android:layout_height="16dp"
                android:layout_marginLeft="20dp"
                android:background="@mipmap/point_icon2" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="13sp"
                android:textColor="@color/color_333333"
                android:layout_marginLeft="8dp"
                android:text="@string/purpose_meirong" />

            <View
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_weight="1" />

            <ImageView
                android:layout_width="15dp"
                android:layout_height="15dp"
                android:layout_marginRight="20dp"
                android:background="@{dataInfo.chooseIndex==2?@drawable/point_xuanze:@drawable/point_wei_xuanze}" />

        </LinearLayout>

        <!--分割线-->
        <View
            android:id="@+id/line_yellow"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@+id/lin_yellow"
            android:background="@color/color_d8d8d8" />

        <!--旅游-->
        <LinearLayout
            android:id="@+id/lin_travel"
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:orientation="horizontal"
            android:layout_below="@+id/line_yellow"
            android:onClick="@{dataInfo.onPotionChoose}"
            android:gravity="center_vertical">

            <View
                android:layout_width="15dp"
                android:layout_height="16dp"
                android:layout_marginLeft="20dp"
                android:background="@mipmap/point_icon3" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="13sp"
                android:textColor="@color/color_333333"
                android:layout_marginLeft="8dp"
                android:text="@string/purpose_travel" />

            <View
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_weight="1" />

            <ImageView
                android:layout_width="15dp"
                android:layout_height="15dp"
                android:layout_marginRight="20dp"
                android:background="@{dataInfo.chooseIndex==3?@drawable/point_xuanze:@drawable/point_wei_xuanze}" />

        </LinearLayout>

        <!--分割线-->
        <View
            android:id="@+id/line_travel"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@+id/lin_travel"
            android:background="@color/color_d8d8d8" />

        <!--培训-->
        <LinearLayout
            android:id="@+id/lin_train"
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:orientation="horizontal"
            android:layout_below="@+id/line_travel"
            android:onClick="@{dataInfo.onPotionChoose}"
            android:gravity="center_vertical">

            <View
                android:layout_width="15dp"
                android:layout_height="16dp"
                android:layout_marginLeft="20dp"
                android:background="@mipmap/point_icon4" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:text="@string/purpose_train"
                android:textColor="@color/color_333333"
                android:textSize="13sp" />

            <View
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_weight="1" />

            <ImageView
                android:layout_width="15dp"
                android:layout_height="15dp"
                android:layout_marginRight="20dp"
                android:background="@{dataInfo.chooseIndex==4?@drawable/point_xuanze:@drawable/point_wei_xuanze}" />

        </LinearLayout>

        <!--分割线-->
        <View
            android:id="@+id/line_train"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@+id/lin_train"
            android:background="@color/color_d8d8d8" />

        <!--家装-->
        <LinearLayout
            android:id="@+id/lin_home"
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:orientation="horizontal"
            android:layout_below="@+id/line_train"
            android:onClick="@{dataInfo.onPotionChoose}"
            android:gravity="center_vertical"
            >
            <View
                android:layout_width="15dp"
                android:layout_height="16dp"
                android:layout_marginLeft="20dp"
                android:background="@mipmap/point_icon5"
                />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="13sp"
                android:textColor="@color/color_333333"
                android:layout_marginLeft="8dp"
                android:text="@string/purpose_home"
                />
            <View
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_weight="1"
                />
            <ImageView
                android:layout_width="15dp"
                android:layout_height="15dp"
                android:layout_marginRight="20dp"
                android:background="@{dataInfo.chooseIndex==5?@drawable/point_xuanze:@drawable/point_wei_xuanze}"
                />

        </LinearLayout>

        <!--分割线-->
        <View
            android:id="@+id/line_home"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@+id/lin_home"
            android:background="@color/color_d8d8d8" />

        <!--租房-->
        <LinearLayout
            android:id="@+id/lin_rent"
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:orientation="horizontal"
            android:layout_below="@+id/line_home"
            android:onClick="@{dataInfo.onPotionChoose}"
            android:gravity="center_vertical"
            >
            <View
                android:layout_width="15dp"
                android:layout_height="16dp"
                android:layout_marginLeft="20dp"
                android:background="@mipmap/point_icon6"
                />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="13sp"
                android:textColor="@color/color_333333"
                android:layout_marginLeft="8dp"
                android:text="@string/purpose_rent"
                />
            <View
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_weight="1"
                />
            <ImageView
                android:layout_width="15dp"
                android:layout_height="15dp"
                android:layout_marginRight="20dp"
                android:background="@{dataInfo.chooseIndex==6?@drawable/point_xuanze:@drawable/point_wei_xuanze}"
                />

        </LinearLayout>

        <!--分割线-->
        <View
            android:id="@+id/line_end"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@+id/lin_rent"
            android:background="@color/color_d8d8d8" />

        <TextView
            android:id="@+id/tv_go_borrow"
            android:layout_alignParentBottom="true"
            android:layout_width="112dp"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="13dp"
            android:layout_height="32dp"
            android:textColor="@color/color_ffffff"
            android:textSize="16sp"
            android:text="去认证"
            android:onClick="@{dataInfo::onAction}"
            android:gravity="center"
            android:background="@{dataInfo.chooseIndex==0?@drawable/shape_purpose_grey:@drawable/shape_purpose_confirm}" />

    </RelativeLayout>
</layout>

 
 
后面遇到了类似的功能再整理。

唐人小调
关注
专栏目录
android各种提示Dialog 弹出框
m0_64319455的博客
11-16 552
messageTv.setVisibility(View.VISIBLE); } return dialog; } public static Dialog getCustomDialog(final Activity activity, View view, boolean dismissTouchOutside, boolean cancelable, int theme) { //Dialog dialog = theme > 0 ? new FullScreenDialogHUD(activi
Android 弹出对话框Dialog
weixin_34092370的博客
09-24 94
2019独角兽企业重金招聘Python工程师标准>>> ...
Android弹出Dialog
weixin_38845189的博客
06-23 1351
dialog界面可以用于提醒确认信息的作用！ 创建Dialog方法： AlertDialog.Builder dialog = new AlterDialog.Builder() 设置弹出框的比标题： dialog.setTitle 设置确认按钮： dialog.setPositiveButton(),该方法有两个参数一个是按钮上的文本，一个是给按钮添加一个点击事件监听器 设置取消按钮 dialo...
android 弹出窗口
helpbs
12-21 187
正常的Dialog弹出窗口，当点击窗口外围时关闭弹出的窗口，这个在很多弹出式的Activity上很为实用！ dialog.xml 弹出窗口的界面布局： view plain &lt;?xmlversion="1.0"encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="htt...
Android Dialog弹出框
hzqit520的博客
03-21 947
String arr[] = new String[]{"省级非税", "广州市非税", "佛山市非税", "珠海市非税", "中山市非税", "汕头市非税", "梅州市非税", "东莞市非税", "肇庆市非税", "顺德市非税", "江门市非税"}; /** ----------------显示下拉框---------------- */ int index = 0; Ale
android自定义弹框dialog效果
04-04
通常，Android内置的Dialog类提供了基础的样式和行为，但可能无法满足开发者对于弹框外观、动画或交互的特定需求。因此，自定义Dialog允许我们根据项目需求自由定制UI布局、动画效果和行为逻辑。 实现自定义Dialog...
android自定义Dialog弹框和背景阴影显示效果
08-26
Android 自定义 Dialog 弹框和背景阴影显示效果 Android 自定义 Dialog 弹框和背景阴影显示效果是 Android 开发中非常重要的一部分。 Dialog 弹框可以用来提示用户一些重要的信息或让用户选择某些选项，而背景阴影...
android使用MaterialDialog和AlertDialog弹框Timer倒计时的用法
05-19
在Android开发中，创建用户交互界面时，有时我们需要向用户展示一些临时信息或者获取用户的确认，这时弹框（Dialog）就显得尤为重要。本教程将详细讲解如何在Android应用中使用`MaterialDialog`和`AlertDialog`实现...
Android 8.0如何完美适配全局dialog悬浮窗弹出
08-27
Android官方修订记录指出，为了防止后台应用在前台应用之上显示弹窗，影响用户体验，从8.0开始，需要使用 `WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY` 类型来设置Dialog的窗口类型。这样，即使在后台，...
Android Dialog 多种 弹出框
11-17
这个Demo 是我自己在工作中接触到的Dialog 的一个合集
Android 一款安卓弹框封装框架
11-30
一款安卓弹框框架的封装，适配各种格式和数据
Android中使用Dialog风格弹出框的Activity
12-06
Dialog风格弹出框的Activity
各种android弹出dialog效果以及各种dialog样式
01-03
各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式各种android弹出dialog效果以及各种dialog样式
android开发Dialog弹出框
weixin_34175509的博客
01-18 135
2019独角兽企业重金招聘Python工程师标准>>> ...
Android：弹出对话框方式梳理一览（一）
最新发布
Tai_Monster的博客
05-06 2561
到之前为止其实都是Dialog的很基础的应用，实际上在使用过程中我们可能需要弹出一个Dialog来展示我们自己的定制化的内容，比如说一个登录页面，这个时候我们就不能用之前的简单的方法了，取而代之，我们可以调用setView方法来为我们的Dialog填充自定义的内容，这个过程实际上类似于动态添加View的过程。
Android 漂亮的 Dialog (弹出框)
人生就是一种修行
02-13 2081
在新浪微博Android客户端的开发的课程中呢要用的得自定义的Dialog，这个Dialog个人觉得还不错，所以就那处理来分享了。如果有兴趣的朋友也可以观看视频，视频中会有详细的介绍（新浪微博Android客户端视频教程区）。首先呢，还是让我们先来看效果图，正所谓有图有真相：下面我们看看是怎么来实现的：第一步：在res/layout目录下新创建一个布局文件：authorize_dialog.xml...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值