AlertConfirmDialog【基于AlertDialog的确认取消对话框】

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

前言

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

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

效果图

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

代码分析

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));
}
}
});

使用步骤

一、项目组织结构图

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

注意事项:

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目录中添加以下文件

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

将默认图标复制到项目中

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

将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();
}
});

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

确定对话框

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();
}
});

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

内容较多的对话框

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();
}
});

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

附录

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

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

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

AlertConfirmDialog【基于AlertDialog的确认取消对话框】

混淆配置

参考资料

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

项目demo下载地址

https://github.com/haiyuKing/AlertConfirmDialogDemo

上一篇:poj-3895-Cycles of Lanes 简单DFS


下一篇:paloalto防火墙激活许可证和订阅