zoukankan      html  css  js  c++  java
  • AlertConfirmDialog【基于AlertDialog的确认取消对话框】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处!

    前言

    确认取消对话框,基于AlertDialog。不是基于DialogFragment。

    按钮文本可以根据实际情况更换。

    效果图

    代码分析

    AlertConfirmDialog继承AlertDialog;

    当内容文本过多的时候,实现了固定高度的滑动效果:

    //设置内容区域的父节点的高度和内容文本大小
            final DisplayMetrics display = new DisplayMetrics();
            ((Activity)this.context).getWindowManager().getDefaultDisplay().getMetrics(display);
            if (display.widthPixels <= 480) {
                mMessage.setTextSize(15.0F);
            }
            final int screenHeight = display.heightPixels;
    //        Log.w(TAG,"display.widthPixels="+display.widthPixels);
    //        Log.w(TAG,"screenHeight="+screenHeight);
            //防止内容动态赋值的时候,宽度变化导致跳动
            mMsgScroll.setLayoutParams(new LinearLayout.LayoutParams(display.widthPixels - context.getResources().getDimensionPixelOffset(R.dimen.alert_dialog_confirm_margin) * 2,
                    ViewGroup.LayoutParams.WRAP_CONTENT));
            //runnable中的方法会在View的measure、layout等事件后触发
            mMsgScroll.post(new Runnable() {
                @Override
                public void run() {
    //                Log.w(TAG,"mMsgScroll.getMeasuredHeight()="+mMsgScroll.getMeasuredHeight());
                    if (mMsgScroll.getMeasuredHeight() > screenHeight / 2) {
                        mMsgScroll.setLayoutParams(new LinearLayout.LayoutParams(display.widthPixels - context.getResources().getDimensionPixelOffset(R.dimen.alert_dialog_confirm_margin) * 2,
                                screenHeight / 2));
                    }else{
                        //屏幕宽度减去外边距*2
                        mMsgScroll.setLayoutParams(new LinearLayout.LayoutParams(display.widthPixels - context.getResources().getDimensionPixelOffset(R.dimen.alert_dialog_confirm_margin) * 2,
                                ViewGroup.LayoutParams.WRAP_CONTENT));
                    }
                }
            });

    使用步骤

    一、项目组织结构图

     

    注意事项:

    1、导入类文件后需要change包名以及重新import R文件路径

    2、Values目录下的文件(strings.xml、dimens.xml、colors.xml等),如果项目中存在,则复制里面的内容,不要整个覆盖

    二、导入步骤

    将AlertConfirmDialog复制到项目中(注意,需要重新import R文件)

    package com.hxzk.som.base.dialog;
    
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.content.Context;
    import android.os.Bundle;
    import android.text.TextUtils;
    import android.util.DisplayMetrics;
    import android.view.Gravity;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.FrameLayout;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.ScrollView;
    import android.widget.TextView;
    
    import com.hxzk.som.base.R;
    
    
    /**
     * Created by HaiyuKing
     * Used 确定取消对话框
     */
    
    public class AlertConfirmDialog extends AlertDialog{
    
        private Context context;//上下文
    
        private ImageView mIconImg;//图标
        private TextView mTitleTv;//提示
        private ScrollView mMsgScroll;//内容的父节点,用于内容较多时可以滚动
        private TextView mMessage;//内容
        private Button mConfirmBtn;//确认按钮
        private Button mCancelBtn;//取消按钮
        private View mCancelLine;//取消按钮判断的竖线
    
        private int iconImgResId = 0;//图标的resid值
        private String mseeageStr = "";//内容文本
        private String confirmBtnTvStr = "";//确认按钮的文本
        private String cancelBtnTvStr = "";//取消按钮的文本
        private boolean cancelButtonHidden = false;//是否隐藏取消按钮
    
        public AlertConfirmDialog(Context context, int iconImgResId, String mseeageStr, String confirmBtnTvStr, String cancelBtnTvStr, boolean cancelButtonHidden) {
    
            super(context, R.style.style_alert_confirm_dialog);//设置对话框样式
    
            //设置为false,按对话框以外的地方不起作用
            setCanceledOnTouchOutside(true);
            //设置为false,按返回键不能退出
            setCancelable(true);
    
            this.context = context;
            this.iconImgResId = iconImgResId;
            this.mseeageStr = mseeageStr;
            this.confirmBtnTvStr = confirmBtnTvStr;
            this.cancelBtnTvStr = cancelBtnTvStr;
            this.cancelButtonHidden = cancelButtonHidden;
        }
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.alert_dialog_confirm_cancel);
    
            initViews();
            initDatas();
            initEvents();
        }
    
        /**初始化view*/
        private void initViews() {
            mIconImg = (ImageView) findViewById(R.id.alertdialogconfirm_img);
            mTitleTv = (TextView) findViewById(R.id.alertdialogconfirm_title);
            mMsgScroll = (ScrollView) findViewById(R.id.alertdialogconfirm_message_scroll);
            mMessage = (TextView) findViewById(R.id.alertdialogconfirm_message);
            mConfirmBtn = (Button) findViewById(R.id.alertdialogconfirm_confirm);
            mCancelBtn = (Button) findViewById(R.id.alertdialogconfirm_cancel);
            mCancelLine = findViewById(R.id.cancel_line);
        }
    
        /**初始化数据*/
        private void initDatas() {
            //赋值新的图标,如果图标为空,则直接显示提示标题即可
            if(iconImgResId != 0){
                mIconImg.setBackgroundResource(iconImgResId);
                mTitleTv.setVisibility(View.GONE);
            }else{
                mIconImg.setVisibility(View.GONE);
                mTitleTv.setVisibility(View.VISIBLE);
            }
            //赋值内容文本
            mMessage.setText(mseeageStr);
            //赋值确认和取消按钮的文本
            if(!TextUtils.isEmpty(confirmBtnTvStr)){
                mConfirmBtn.setText(confirmBtnTvStr);
            }
            if(!TextUtils.isEmpty(cancelBtnTvStr)){
                mCancelBtn.setText(cancelBtnTvStr);
            }
    
            if(cancelButtonHidden){//隐藏取消按钮
                mCancelBtn.setVisibility(View.GONE);
                mCancelLine.setVisibility(View.GONE);
                mConfirmBtn.setBackgroundResource(R.drawable.alert_dialog_confirm_one_btn_bg);//设置确认按钮的背景
            }
    
            //设置内容文本居中对齐
            FrameLayout.LayoutParams msgParams = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            msgParams.gravity = Gravity.CENTER_HORIZONTAL;
            mMessage.setLayoutParams(msgParams);
    
            //设置内容区域的父节点的高度和内容文本大小
            final DisplayMetrics display = new DisplayMetrics();
            ((Activity)this.context).getWindowManager().getDefaultDisplay().getMetrics(display);
            if (display.widthPixels <= 480) {
                mMessage.setTextSize(15.0F);
            }
            final int screenHeight = display.heightPixels;
    //        Log.w(TAG,"display.widthPixels="+display.widthPixels);
    //        Log.w(TAG,"screenHeight="+screenHeight);
            //防止内容动态赋值的时候,宽度变化导致跳动
            mMsgScroll.setLayoutParams(new LinearLayout.LayoutParams(display.widthPixels - context.getResources().getDimensionPixelOffset(R.dimen.alert_dialog_confirm_margin) * 2,
                    ViewGroup.LayoutParams.WRAP_CONTENT));
            //runnable中的方法会在View的measure、layout等事件后触发
            mMsgScroll.post(new Runnable() {
                @Override
                public void run() {
    //                Log.w(TAG,"mMsgScroll.getMeasuredHeight()="+mMsgScroll.getMeasuredHeight());
                    if (mMsgScroll.getMeasuredHeight() > screenHeight / 2) {
                        mMsgScroll.setLayoutParams(new LinearLayout.LayoutParams(display.widthPixels - context.getResources().getDimensionPixelOffset(R.dimen.alert_dialog_confirm_margin) * 2,
                                screenHeight / 2));
                    }else{
                        //屏幕宽度减去外边距*2
                        mMsgScroll.setLayoutParams(new LinearLayout.LayoutParams(display.widthPixels - context.getResources().getDimensionPixelOffset(R.dimen.alert_dialog_confirm_margin) * 2,
                                ViewGroup.LayoutParams.WRAP_CONTENT));
                    }
                }
            });
    
        }
    
        /**初始化监听事件*/
        private void initEvents() {
            //确定按钮的点击事件
            mConfirmBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    if(mOnCertainButtonClickListener != null){
                        mOnCertainButtonClickListener.onCertainButtonClick();
                    }
                    dismiss();
                }
            });
    
            //取消按钮的点击事件
            mCancelBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    if(mOnCertainButtonClickListener != null){
                        mOnCertainButtonClickListener.onCancleButtonClick();
                    }
                    dismiss();
                }
            });
        }
    
        @Override
        public void dismiss() {
            super.dismiss();
            if(mOnCertainButtonClickListener != null){
                mOnCertainButtonClickListener.onDismissListener();
            }
        }
    
        //设置取消按钮的颜色【重点标记,用于引导用户点击】
        public void setCancelBtnColor(){
            if(mCancelBtn !=null){
                mCancelBtn.setTextColor(context.getResources().getColor(R.color.alert_dialog_confirm_title_color));
            }
    
        }
    
        //设置确定按钮的颜色【重点标记,用于引导用户点击】
        public void setConfirmBtnColor(){
            if(mConfirmBtn !=null) {
                mConfirmBtn.setTextColor(context.getResources().getColor(R.color.alert_dialog_confirm_title_color));
            }
        }
    
        public static abstract interface OnCertainButtonClickListener
        {
            //取消按钮的点击事件接口
            public abstract void onCancleButtonClick();
            //确认按钮的点击事件接口
            public abstract void onCertainButtonClick();
            //返回键触发的事件接口
            public abstract  void onDismissListener();
        }
    
        private OnCertainButtonClickListener mOnCertainButtonClickListener;
    
        public void setOnCertainButtonClickListener(OnCertainButtonClickListener mOnCertainButtonClickListener)
        {
            this.mOnCertainButtonClickListener = mOnCertainButtonClickListener;
        }
    }
    AlertConfirmDialog.java

    在res/drawable目录中添加以下文件

    将默认图标复制到项目中

    将alert_dialog_confirm_cancel.xml布局文件复制到项目中

    <?xml version="1.0" encoding="utf-8"?>
    <!-- 确认对话框样式【含有图标、文本内容、左右两个按钮】布局文件 -->
    <!--虽然layout根节点设置了宽高为match_parent,但是最终显示的宽高都非常小,原因是AlertDialog默认会把跟容器的宽高认为是wrap_content-->
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/alertdialogcomfirm_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/alert_dialog_confirm_bg"
        android:layout_margin="@dimen/alert_dialog_confirm_margin"
        android:gravity="center"
        android:orientation="vertical">
    
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/alert_dialog_confirm_img_padding"
            android:layout_marginBottom="@dimen/alert_dialog_confirm_img_padding">
    
            <!-- 图标 -->
            <ImageView
                android:id="@+id/alertdialogconfirm_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_centerInParent="true"/>
    
            <!-- 提示 -->
            <TextView
                android:id="@+id/alertdialogconfirm_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="提示"
                android:textSize="18sp"
                android:textColor="@color/alert_dialog_confirm_title_color"
                android:layout_centerInParent="true"
                android:visibility="gone"/>
    
        </RelativeLayout>
    
        <ScrollView
            android:id="@+id/alertdialogconfirm_message_scroll"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="@dimen/alert_dialog_confirm_message_padding"
            android:paddingRight="@dimen/alert_dialog_confirm_message_padding"
            android:paddingBottom="@dimen/alert_dialog_confirm_message_padding"
            >
            <!-- 内容 -->
            <TextView
                android:id="@+id/alertdialogconfirm_message"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:text=""
                android:textColor="@color/alert_dialog_confirm_message_color"
                android:textSize="@dimen/alert_dialog_confirm_message_text_size"
                />
    
        </ScrollView>
    
        <!-- 内容下的中横线 -->
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:background="#80DFDFDF" />
    
        <!-- 底部按钮区域 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="@android:color/transparent" >
    
            <!-- 取消按钮 -->
            <Button
                android:id="@+id/alertdialogconfirm_cancel"
                android:layout_width="0.0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@drawable/alert_dialog_confirm_right_btn_bg"
                android:gravity="center"
                android:text="取消"
                android:textStyle="bold"
                android:textColor="@color/alert_dialog_confirm_btn_right_text_color"
                android:textSize="@dimen/alert_dialog_confirm_btn_text_size"
                android:paddingTop="@dimen/alert_dialog_confirm_btn_padding"
                android:paddingBottom="@dimen/alert_dialog_confirm_btn_padding" />
    
            <!-- 取消按钮旁边的中竖线 -->
            <View
                android:id="@+id/cancel_line"
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#80DFDFDF"/>
    
            <!-- 确定按钮 -->
            <Button
                android:id="@+id/alertdialogconfirm_confirm"
                android:layout_width="0.0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1.0"
                android:background="@drawable/alert_dialog_confirm_left_btn_bg"
                android:gravity="center"
                android:text="确定"
                android:textStyle="bold"
                android:textColor="@color/alert_dialog_confirm_btn_left_text_color"
                android:textSize="@dimen/alert_dialog_confirm_btn_text_size"
                android:paddingTop="@dimen/alert_dialog_confirm_btn_padding"
                android:paddingBottom="@dimen/alert_dialog_confirm_btn_padding" />
        </LinearLayout>
    
    </LinearLayout>
    alert_dialog_confirm_cancel.xml

    在colors.xml文件中添加以下代码

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="colorPrimary">#3F51B5</color>
        <color name="colorPrimaryDark">#303F9F</color>
        <color name="colorAccent">#FF4081</color>
    
        <!-- ==================确认取消对话框(alertdialog)================== -->
        <!-- 对话框的标题颜色 -->
        <color name="alert_dialog_confirm_title_color">#4898e2</color>
        <!-- 对话框的填充颜色 -->
        <color name="alert_dialog_confirm_solid_color">#ffffffff</color>
        <!-- 对话框的内容颜色 -->
        <color name="alert_dialog_confirm_message_color">#6A6A6A</color>
    
        <!-- 对话框的左侧按钮颜色 -->
        <!--<color name="alert_dialog_confirm_btn_left_color">#4065EF</color>-->
        <!-- 对话框的左侧按钮文字颜色 -->
        <!--<color name="alert_dialog_confirm_btn_left_text_color">#ffffffff</color>-->
        <!-- 对话框的右侧按钮默认颜色 -->
        <!--<color name="alert_dialog_confirm_btn_right_color">#E7E7E7</color>-->
        <!-- 方案二 -->
        <color name="alert_dialog_confirm_btn_left_color">#FFFFFF</color>
        <color name="alert_dialog_confirm_btn_left_text_color">#000000</color>
        <color name="alert_dialog_confirm_btn_right_color">#FFFFFF</color>
        <!-- 对话框的右侧按钮文字颜色 -->
        <color name="alert_dialog_confirm_btn_right_text_color">#000000</color>
    
    </resources>

    在dimens.xml文件中添加以下代码

    <resources>
        <!-- Default screen margins, per the Android Design guidelines. -->
        <dimen name="activity_horizontal_margin">16dp</dimen>
        <dimen name="activity_vertical_margin">16dp</dimen>
    
        <!-- ==================确认取消对话框(alertdialog)================== -->
        <!-- 对话框的圆角角度 -->
        <dimen name="alert_dialog_confirm_corners">5dp</dimen>
        <!-- 对话框的整体外边距 -->
        <dimen name="alert_dialog_confirm_margin">30dp</dimen>
        <!-- 对话框的图标内边距 -->
        <dimen name="alert_dialog_confirm_img_padding">15dp</dimen>
        <!-- 对话框的内容内边距 -->
        <dimen name="alert_dialog_confirm_message_padding">20dp</dimen>
        <!-- 对话框的内容大小 -->
        <dimen name="alert_dialog_confirm_message_text_size">16sp</dimen>
        <!-- 对话框的按钮内边距 -->
        <dimen name="alert_dialog_confirm_btn_padding">10dp</dimen>
        <!-- 对话框的按钮大小 -->
        <dimen name="alert_dialog_confirm_btn_text_size">16sp</dimen>
    
    </resources>

    在styles.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>
    
        <!-- ==================确认取消对话框(alertdialog)================== -->
        <style name="style_alert_confirm_dialog">
            <!-- Dialog的windowFrame框为无 -->
            <item name="android:windowFrame">@null</item>
            <!-- 是否显示title -->
            <item name="android:windowNoTitle">false</item>
            <!-- 是否浮现在activity之上 -->
            <item name="android:windowIsFloating">true</item>
            <!-- 半透明 -->
            <item name="android:windowIsTranslucent">true</item>
            <!-- 设置dialog的背景:#00000000透明色 -->
            <item name="android:windowBackground">@android:color/transparent</item>
            <!-- 背景变灰:整个屏幕变灰,配合setCanceledOnTouchOutside(false) -->
            <item name="android:backgroundDimEnabled">true</item>
        </style>
    
    </resources>

    三、使用方法

    确定取消对话框

    btn_showdialog1.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    AlertConfirmDialog confirmAlertDialog = new AlertConfirmDialog(MainActivity.this,
                            0,"确定重新登录?","重新登录","放弃登录",false);
                    confirmAlertDialog.setOnCertainButtonClickListener(new AlertConfirmDialog.OnCertainButtonClickListener() {
                        @Override
                        public void onCancleButtonClick() {
                            Toast.makeText(MainActivity.this,"放弃登录",Toast.LENGTH_SHORT).show();
                        }
    
                        @Override
                        public void onCertainButtonClick() {
                            Toast.makeText(MainActivity.this,"重新登录",Toast.LENGTH_SHORT).show();
                        }
    
                        @Override
                        public void onDismissListener() {
    
                        }
                    });
                    confirmAlertDialog.show();
                }
            });

    确定对话框

    btn_showdialog2.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    AlertConfirmDialog confirmAlertDialog = new AlertConfirmDialog(MainActivity.this,
                            R.drawable.icon_info,"请检查用户名","","",true);
                    confirmAlertDialog.setOnCertainButtonClickListener(new AlertConfirmDialog.OnCertainButtonClickListener() {
                        @Override
                        public void onCancleButtonClick() {
                        }
    
                        @Override
                        public void onCertainButtonClick() {
                            Toast.makeText(MainActivity.this,"确定",Toast.LENGTH_SHORT).show();
                        }
    
                        @Override
                        public void onDismissListener() {
    
                        }
                    });
                    confirmAlertDialog.show();
                }
            });

    内容较多的对话框

    btn_showdialog3.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    AlertConfirmDialog confirmAlertDialog = new AlertConfirmDialog(MainActivity.this,
                            0,"此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行" +
                            "此处内容超过一行此处内容超过一行此处内容超过一行","","",false);
                    confirmAlertDialog.setOnCertainButtonClickListener(new AlertConfirmDialog.OnCertainButtonClickListener() {
                        @Override
                        public void onCancleButtonClick() {
                            Toast.makeText(MainActivity.this,"取消",Toast.LENGTH_SHORT).show();
                        }
    
                        @Override
                        public void onCertainButtonClick() {
                            Toast.makeText(MainActivity.this,"确定",Toast.LENGTH_SHORT).show();
                        }
    
                        @Override
                        public void onDismissListener() {
    
                        }
                    });
                    confirmAlertDialog.show();
                }
            });

    附录

    1、如果想要去除按钮的加粗效果,直接修改alert_dialog_confirm_cancel.xml文件

    2、如果想要手动设置按钮的颜色,比如设置取消按钮为蓝色,用于引导用户点击

    混淆配置

    参考资料

    解决在onCreate()过程中获取View的width和Height为0的4种方法

    项目demo下载地址

     https://github.com/haiyuKing/AlertConfirmDialogDemo

  • 相关阅读:
    SpringBoot EnumValidator验证器实现
    【原创】SpringCloud:基于Spring Cloud netflix全家桶搭建一个完整的微服务架构系统
    Hystrix Dashboard监控报“Unable to connect to Command Metric Stream”?
    Mysql sql_mode的合理设置
    nginx 调优
    函数指针
    进程与线程
    大小端学习
    联合体和结构体
    内存分配
  • 原文地址:https://www.cnblogs.com/whycxb/p/7635229.html
Copyright © 2011-2022 走看看