4. 屏幕填充设置
设置是否填充屏幕 :
/** * 设置是否填充屏幕,如果不填充就适应布局内容的宽度,显示内容的位置会尽量随着三角形的位置居中 */ public EasyDialog setMatchParent(boolean matchParent) { ViewGroup.LayoutParams layoutParams = llContent.getLayoutParams(); layoutParams.width = matchParent ? ViewGroup.LayoutParams.MATCH_PARENT : ViewGroup.LayoutParams.WRAP_CONTENT; llContent.setLayoutParams(layoutParams); return this; }
-- 填充屏幕样式 : 可以看到 填充全屏, 左右只留下了 margin;
-- 不填充屏幕样式 : 不会横向充满屏幕;
二. EasyDialog 主要源码
1. EasyDialog 包装类
package cn.org.octopus.easydialog; import java.util.ArrayList; import java.util.List; import android.animation.Animator; import android.animation.AnimatorSet; import android.animation.ObjectAnimator; import android.app.Activity; import android.app.Dialog; import android.content.Context; import android.graphics.Color; import android.graphics.drawable.GradientDrawable; import android.graphics.drawable.LayerDrawable; import android.graphics.drawable.RotateDrawable; import android.util.DisplayMetrics; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.view.ViewTreeObserver; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.RelativeLayout; import android.widget.Toast; public class EasyDialog { /** * 上下文对象 */ private Context context; /** * 内容在三角形上面 */ public static final int GRAVITY_TOP = 0; /** * 内容在三角形下面 */ public static final int GRAVITY_BOTTOM = 1; /** * 对话框本身 */ private Dialog dialog; /** * 坐标 */ private int[] location; /** * 提醒框位置 */ private int gravity; /** * 外面传递进来的View */ private View contentView; /** * 三角形 */ private ImageView ivTriangle; /** * 用来放外面传递进来的View */ private LinearLayout llContent; /** * 触摸外面,是否关闭对话框 */ private boolean touchOutsideDismiss; /** * 提示框所在的容器 */ private RelativeLayout rlOutsideBackground; public EasyDialog(Context context) { initDialog(context); } /** * 初始化 * @param context */ private void initDialog(final Context context) { this.context = context; /* * 说明传入的对象是一个 Activity * 获取 Activity 的布局加载器 */ LayoutInflater layoutInflater = ((Activity) context) .getLayoutInflater(); //要显示的对话框布局 View dialogView = layoutInflater.inflate(R.layout.layout_dialog, null); /* * 获取对话框的宽 高 * 不是真的获取对话框的宽高, 是在对话框被构建绘制到 布局中时 * 利用这个时机去设置对话框位置 */ ViewTreeObserver viewTreeObserver = dialogView.getViewTreeObserver(); viewTreeObserver .addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { // 当View可以获取宽高的时候,设置view的位置 relocation(location); } }); //初始化对话框所在的容器 rlOutsideBackground = (RelativeLayout) dialogView .findViewById(R.id.rlOutsideBackground); //为容器设置点击事件, 一旦点击, 就让对话框消失 rlOutsideBackground.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { //关闭对话框前提 标志位true, 对话框不为 null if (touchOutsideDismiss && dialog != null) { onDialogDismiss(); } return false; } }); //对话框上部 或者 下部的 小三角形 ivTriangle = (ImageView) dialogView.findViewById(R.id.ivTriangle); //对话框的长条 llContent = (LinearLayout) dialogView.findViewById(R.id.llContent); //创建对话框 dialog = new Dialog( context, isFullScreen() ? android.R.style.Theme_Translucent_NoTitleBar_Fullscreen : android.R.style.Theme_Translucent_NoTitleBar); //设置对话框布局 dialog.setContentView(dialogView); //对话框显示动画 animatorSetForDialogShow = new AnimatorSet(); //对话框消失动画 animatorSetForDialogDismiss = new AnimatorSet(); objectAnimatorsForDialogShow = new ArrayList<>(); objectAnimatorsForDialogDismiss = new ArrayList<>(); //初始化默认值 initData(); } /** * 初始化默认值 */ private void initData() { this.setLocation(new int[] { 0, 0 }) //设置默认位置 .setGravity(GRAVITY_BOTTOM) //设置三角形位置 (上 或者 下) .setTouchOutsideDismiss(true) //设置是否可以点击对话框消失 .setOutsideColor(Color.TRANSPARENT) //设置对话框外部背景颜色 .setBackgroundColor(Color.BLUE) //设置对话框背景 .setMatchParent(true) //设置是否填充全屏 .setMarginLeftAndRight(24, 24); //设置左右margin } /** * 设置提示框中要显示的内容 */ public EasyDialog setLayout(View layout) { if (layout != null) { this.contentView = layout; } return this; } /** * 设置提示框中要显示的内容的布局Id */ public EasyDialog setLayoutResourceId(int layoutResourceId) { View view = ((Activity) context).getLayoutInflater().inflate( layoutResourceId, null); setLayout(view); return this; } /** * 设置三角形所在的位置 * * @param location * 传入 x y 坐标 * @return */ public EasyDialog setLocation(int[] location) { this.location = location; return this; } /** * 设置三角形位置 * -- x 坐标 : x坐标值为attachedView所在屏幕位置的中心 * -- y 坐标 : y坐标值依据当前的gravity,如果gravity是top,则为控件上方的y值,如果是bottom,则为控件的下方的y值 * * @param attachedView * 在哪个View显示提示信息 */ public EasyDialog setLocationByAttachedView(View attachedView) { if (attachedView != null) { //为成员变量赋值 this.attachedView = attachedView; //该数组存储三角形位置数据 int[] attachedViewLocation = new int[2]; // 获取 attachedView 的位置, 左上角位置 attachedView.getLocationOnScreen(attachedViewLocation); //计算 x 坐标, 即 attachedView 的中间位置 attachedViewLocation[0] = attachedViewLocation[0] + attachedView.getWidth() / 2; //计算 y 坐标 switch (gravity) { case GRAVITY_BOTTOM: //如果三角形在下, 即三角形位置是 attachedView 的下方 attachedViewLocation[1] = attachedViewLocation[1] + attachedView.getHeight(); break; case GRAVITY_TOP: //如果三角形在上, 即三角形位置是 attachedView 的上方, 即默认值 break; } //设置三角形位置 setLocation(attachedViewLocation); } return this; } /** * 对话框所依附的View * */ private View attachedView = null; /** * 设置显示的内容在上方还是下方,如果设置错误,默认是在下方 */ public EasyDialog setGravity(int gravity) { //如果设置的位置值 既不是上 也不是下, 默认为下 if (gravity != GRAVITY_BOTTOM && gravity != GRAVITY_TOP) { gravity = GRAVITY_BOTTOM; } //设置到成员变量中 this.gravity = gravity; //设置三角形的图片, switch (this.gravity) { case GRAVITY_BOTTOM: ivTriangle.setBackgroundResource(R.drawable.triangle_bottom); break; case GRAVITY_TOP: ivTriangle.setBackgroundResource(R.drawable.triangle_top); break; } //对话框 主题长条的 View llContent.setBackgroundResource(R.drawable.round_corner_bg); // 如果用户调用setGravity()之前就调用过setLocationByAttachedView,需要再调用一次setLocationByAttachedView if (attachedView != null) { this.setLocationByAttachedView(attachedView); } //设置对话框颜色 this.setBackgroundColor(backgroundColor); return this; } /** * 设置是否填充屏幕,如果不填充就适应布局内容的宽度,显示内容的位置会尽量随着三角形的位置居中 */ public EasyDialog setMatchParent(boolean matchParent) { ViewGroup.LayoutParams layoutParams = llContent.getLayoutParams(); layoutParams.width = matchParent ? ViewGroup.LayoutParams.MATCH_PARENT : ViewGroup.LayoutParams.WRAP_CONTENT; llContent.setLayoutParams(layoutParams); return this; } /** * 距离屏幕左右的边距 * 设置对话框所在的整个容器的布局 */ public EasyDialog setMarginLeftAndRight(int left, int right) { RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) llContent .getLayoutParams(); layoutParams.setMargins(left, 0, right, 0); llContent.setLayoutParams(layoutParams); return this; } /** * 设置触摸对话框外面,对话框是否消失 */ public EasyDialog setTouchOutsideDismiss(boolean touchOutsideDismiss) { this.touchOutsideDismiss = touchOutsideDismiss; return this; } /** * 设置提醒框外部区域的颜色 */ public EasyDialog setOutsideColor(int color) { rlOutsideBackground.setBackgroundColor(color); return this; } private int backgroundColor; /** * 设置对话框的颜色 * <p/> * 三角形的图片是layer-list里面嵌套一个RotateDrawable,在设置颜色的时候需要特别处理 * http://*. * com/questions/24492000/set-color-of-triangle-on-run-time * http://* * .com/questions/16636412/change-shape-solid-color-at-runtime * -inside-drawable-xml-used-as-background */ public EasyDialog setBackgroundColor(int color) { backgroundColor = color; LayerDrawable drawableTriangle = (LayerDrawable) ivTriangle .getBackground(); GradientDrawable shapeTriangle = (GradientDrawable) (((RotateDrawable) drawableTriangle .findDrawableByLayerId(R.id.shape_id)).getDrawable()); if (shapeTriangle != null) { shapeTriangle.setColor(color); } else { Toast.makeText(context, "shape is null", Toast.LENGTH_SHORT).show(); } GradientDrawable drawableRound = (GradientDrawable) llContent .getBackground(); if (drawableRound != null) { drawableRound.setColor(color); } return this; } /** * 显示提示框 * * 这个对话框 整个填充全屏, 显示后, 执行里面的 小对话框 (小三角 和 提示框内容) */ public EasyDialog show() { if (dialog != null) { if (contentView == null) { throw new RuntimeException( "您是否未调用setLayout()或者setLayoutResourceId()方法来设置要显示的内容呢?"); } //设置对话框显示的内容 llContent.addView(contentView); //显示整个对话框 dialog.show(); //显示小对话框的动画 onDialogShowing(); } return this; } /** * 显示对话框的View的parent,如果想自己写动画,可以获取这个实例来写动画 * * */ public View getTipViewInstance() { return rlOutsideBackground.findViewById(R.id.rlParentForAnimate); } /** 横向 */ public static final int DIRECTION_X = 0; /** 纵向 */ public static final int DIRECTION_Y = 1; /** * 水平动画 * * @param direction * 动画的方向 * @param duration * 动画执行的时间长度 * @param values * 动画移动的位置 * */ public EasyDialog setAnimationTranslationShow(int direction, int duration, float... values) { return setAnimationTranslation(true, direction, duration, values); } /** * 水平动画 * * @param direction * 动画的方向 * @param duration * 动画执行的时间长度 * @param values * 动画移动的位置 * */ public EasyDialog setAnimationTranslationDismiss(int direction, int duration, float... values) { return setAnimationTranslation(false, direction, duration, values); } private EasyDialog setAnimationTranslation(boolean isShow, int direction, int duration, float... values) { if (direction != DIRECTION_X && direction != DIRECTION_Y) { direction = DIRECTION_X; } String propertyName = ""; switch (direction) { case DIRECTION_X: propertyName = "translationX"; break; case DIRECTION_Y: propertyName = "translationY"; break; } ObjectAnimator animator = ObjectAnimator.ofFloat( rlOutsideBackground.findViewById(R.id.rlParentForAnimate), propertyName, values).setDuration(duration); if (isShow) { objectAnimatorsForDialogShow.add(animator); } else { objectAnimatorsForDialogDismiss.add(animator); } return this; } /** * 对话框出现时候的渐变动画 * * @param duration * 动画执行的时间长度 * @param values * 动画移动的位置 * */ public EasyDialog setAnimationAlphaShow(int duration, float... values) { return setAnimationAlpha(true, duration, values); } /** * 对话框消失时候的渐变动画 * * @param duration * 动画执行的时间长度 * @param values * 动画移动的位置 * */ public EasyDialog setAnimationAlphaDismiss(int duration, float... values) { return setAnimationAlpha(false, duration, values); } private EasyDialog setAnimationAlpha(boolean isShow, int duration, float... values) { ObjectAnimator animator = ObjectAnimator.ofFloat( rlOutsideBackground.findViewById(R.id.rlParentForAnimate), "alpha", values).setDuration(duration); if (isShow) { objectAnimatorsForDialogShow.add(animator); } else { objectAnimatorsForDialogDismiss.add(animator); } return this; } private AnimatorSet animatorSetForDialogShow; private AnimatorSet animatorSetForDialogDismiss; private List<Animator> objectAnimatorsForDialogShow; private List<Animator> objectAnimatorsForDialogDismiss; /** * 对话框显示的动画 */ private void onDialogShowing() { if (animatorSetForDialogShow != null && objectAnimatorsForDialogShow != null && objectAnimatorsForDialogShow.size() > 0) { animatorSetForDialogShow.playTogether(objectAnimatorsForDialogShow); animatorSetForDialogShow.start(); } } /** * 对话框消失的动画 */ private void onDialogDismiss() { if (animatorSetForDialogDismiss.isRunning()) { return; } if (animatorSetForDialogDismiss != null && objectAnimatorsForDialogDismiss != null && objectAnimatorsForDialogDismiss.size() > 0) { animatorSetForDialogDismiss .playTogether(objectAnimatorsForDialogDismiss); animatorSetForDialogDismiss.start(); animatorSetForDialogDismiss .addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { dialog.dismiss(); } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } }); } else { dialog.dismiss(); } } /** * 关闭提示框 */ public void dismiss() { if (dialog != null && dialog.isShowing()) { onDialogDismiss(); } } /** * 根据x,y,重新设置控件的位置 * * 因为setX setY为0的时候,都是在状态栏以下的,所以app不是全屏的话,需要扣掉状态栏的高度 */ private void relocation(int[] location) { ivTriangle.setX(location[0] - ivTriangle.getWidth() / 2); ivTriangle.setY(location[1] - ivTriangle.getHeight() / 2 - (isFullScreen() ? 0.0f : getStatusBarHeight()));// 因为三角形是通过XML绘制出来的,可以到activity_tip_overlay.xml中把三角形的那个ImageView背景设置一下,就知道什么情况了。所以需要减掉一半的高度 switch (gravity) { case GRAVITY_BOTTOM: llContent.setY(location[1] - ivTriangle.getHeight() / 2 - (isFullScreen() ? 0.0f : getStatusBarHeight()) + ivTriangle.getHeight()); break; case GRAVITY_TOP: llContent.setY(location[1] - llContent.getHeight() - (isFullScreen() ? 0.0f : getStatusBarHeight()) - ivTriangle.getHeight() / 2); break; } // 显示内容的区域往三角形靠拢 int triangleCenterX = (int) (ivTriangle.getX() + ivTriangle.getWidth() / 2);// 三角形的中心点 int contentWidth = llContent.getWidth(); int rightMargin = getScreenWidth() - triangleCenterX;// 三角形中心距离屏幕右边的距离 int leftMargin = getScreenWidth() - rightMargin;// 三角形中心距离屏幕左边的距离 RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) llContent .getLayoutParams(); int availableLeftMargin = leftMargin - layoutParams.leftMargin;// 左边可用的距离 int availableRightMargin = rightMargin - layoutParams.rightMargin;// 右边可用的距离 int x = 0; if (contentWidth / 2 <= availableLeftMargin && contentWidth / 2 <= availableRightMargin)// 左右两边有足够的距离 { x = triangleCenterX - contentWidth / 2; } else { if (availableLeftMargin <= availableRightMargin)// 判断三角形在屏幕中心的左边 { x = layoutParams.leftMargin; } else// 三角形在屏幕中心的右边 { x = getScreenWidth() - (contentWidth + layoutParams.rightMargin); } } llContent.setX(x); } /** * 获取屏幕的宽度 * */ private int getScreenWidth() { DisplayMetrics metrics = context.getResources().getDisplayMetrics(); return metrics.widthPixels; } /** * 获取状态栏的高度 */ private int getStatusBarHeight() { int result = 0; int resourceId = context.getResources().getIdentifier( "status_bar_height", "dimen", "android"); if (resourceId > 0) { result = context.getResources().getDimensionPixelSize(resourceId); } return result; } /** * 判断下当前要显示对话框的Activity是否是全屏 */ public boolean isFullScreen() { int flg = ((Activity) context).getWindow().getAttributes().flags; boolean flag = false; if ((flg & 1024) == 1024) { flag = true; } return flag; } /** * 设置是否可以按返回按钮取消 * */ public EasyDialog setCancelable(boolean cancelable) { dialog.setCancelable(cancelable); return this; } }
2. EasyDialog 调用