android自定义带箭头对话框

本文实例为大家分享了android自定义带箭头对话框的具体代码,供大家参考,具体内容如下

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.Gravity;

import com.sankuai.shangou.stone.util.DensityUtil;
import com.sankuai.waimai.store.search.R;

/**
 * Created by Android Studio. User: liangyongyao Date: 2021/3/7 Des: 带倒三角的气泡
 */
public class BubbleArrowTextView extends android.support.v7.widget.AppCompatTextView {

 private final static int TRIANGLE_DIRECTION_TOP = 1;
 private final static int TRIANGLE_DIRECTION_BOTTOM = 2;
 private final static int TRIANGLE_DIRECTION_LEFT = 1;
 private final static int TRIANGLE_DIRECTION_RIGHT = 2;

 private Paint mPaint;
 private Paint mStrokePaint;

 private int mBgColor;
 private int mStrokeColor;
 private int mStrokeWidth;
 private int mTotalHeight;
 private int mTotalWidth;
 private int mLabelHeight;
 private int mTriangleHeight;
 private int mTriangleWidth;
 private int mRadius;
 private int triangleDirection;

 public BubbleArrowTextView(Context context) {
 this(context, null);
 }

 public BubbleArrowTextView(Context context,
  @Nullable AttributeSet attrs) {
 this(context, attrs, 0);
 }

 public BubbleArrowTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 init(context, attrs, defStyleAttr);
 }

 public void init(Context context, AttributeSet attrs, int defStyleAttr) {
 if (attrs != null) {
  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.BubbleArrowTextView);
  mBgColor = a.getColor(R.styleable.BubbleArrowTextView_bubbleColor, 0);
  mStrokeColor = a.getColor(R.styleable.BubbleArrowTextView_bubbleStrokeColor, 0);
  mRadius = a.getDimensionPixelOffset(R.styleable.BubbleArrowTextView_bubbleRadius, 0);
  mStrokeWidth = a.getDimensionPixelOffset(R.styleable.BubbleArrowTextView_bubbleStrokeWidth, 0);
  mTriangleHeight = a.getDimensionPixelOffset(R.styleable.BubbleArrowTextView_triangleHeight,
   DensityUtil.dip2px(context, 6));
  mTriangleWidth = a.getDimensionPixelOffset(R.styleable.BubbleArrowTextView_triangleWidth, DensityUtil.dip2px(context, 3.5f));
  triangleDirection = a.getInt(R.styleable.BubbleArrowTextView_triangleDirection, 0);
  a.recycle();
 }

 setGravity(Gravity.CENTER);
 initPaint();
 }

 //初始化画笔
 public void initPaint() {
 mPaint = new Paint();
 mPaint.setAntiAlias(true);
 mPaint.setStyle(Paint.Style.FILL);
 mPaint.setTextSize(getPaint().getTextSize());
 mPaint.setDither(true);
 }

 //初始化边框线画笔
 public void initStrokePaint() {
 mStrokePaint = new Paint();
 mStrokePaint.setAntiAlias(true);
 mStrokePaint.setStyle(Paint.Style.FILL);
 mStrokePaint.setDither(true);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 mLabelHeight = getFontHeight() + getPaddingTop() + getPaddingBottom();
 mTotalHeight = mLabelHeight + mTriangleHeight * 2 + mStrokeWidth * 2;
 mTotalWidth = getPaddingLeft() + getFontWidth() + getPaddingRight() + mStrokeWidth * 2;
 setMeasuredDimension(mTotalWidth, mTotalHeight);
 }
 @Override
 protected void onDraw(Canvas canvas) {
 drawView(canvas);
 super.onDraw(canvas);
 }

 //绘制气泡
 private void drawView(Canvas canvas) {
 if (mStrokeColor != 0 && mStrokeWidth != 0) {
  initStrokePaint();
  mStrokePaint.setColor(mStrokeColor);
  drawRound(canvas, mStrokePaint, 0);
  drawTriangle(canvas, mStrokePaint, 0);
 }
 if (mBgColor != 0) {
  mPaint.setColor(mBgColor);
  drawRound(canvas, mPaint, mStrokeWidth);
  drawTriangle(canvas, mPaint, mStrokeWidth);
 }
 }

 //绘制矩形
 private void drawRound(Canvas canvas, Paint paint, int strokeWidth) {
 canvas.drawRoundRect(strokeWidth, mTriangleHeight + strokeWidth,
  mTotalWidth - strokeWidth, mTotalHeight - mTriangleHeight - strokeWidth,
  mRadius, mRadius, paint);
 }

 //绘制三角形
 private void drawTriangle(Canvas canvas, Paint paint, int strokeWidth) {
 Path path = new Path();
 switch (triangleDirection) {
  //上
  case TRIANGLE_DIRECTION_TOP:
  path.moveTo(mTotalWidth * 0.8f - mTriangleWidth / 2 + strokeWidth / 2, mTriangleHeight + strokeWidth);
  path.lineTo(mTotalWidth * 0.8f, strokeWidth + strokeWidth / 2);
  path.lineTo(mTotalWidth * 0.8f + mTriangleWidth / 2 - strokeWidth / 2, mTriangleHeight + strokeWidth);
  break;
  //下
  case TRIANGLE_DIRECTION_BOTTOM:
  path.moveTo(mTotalWidth * 0.8f - mTriangleWidth/2 + strokeWidth / 2, mTotalHeight - mTriangleHeight
   - strokeWidth);
  path.lineTo(mTotalWidth * 0.8f, mTotalHeight - strokeWidth - strokeWidth / 2);
  path.lineTo(mTotalWidth * 0.8f + mTriangleWidth/2 - strokeWidth / 2, mTotalHeight - mTriangleHeight
   - strokeWidth);
  break;
  default:
  return;
 }
 canvas.drawPath(path, paint);
 }

 //根据字号求字体高度
 private int getFontHeight() {
 Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
 return Math.round(fontMetrics.descent - fontMetrics.ascent);
 }

 //根据字号求字体宽度
 private int getFontWidth() {
 return (int) mPaint.measureText(getText().toString());
 }
} 

xml:

<declare-styleable name="BubbleArrowTextView">
  <attr name="bubbleColor" format="reference|color" />
  <attr name="bubbleStrokeColor" format="reference|color" />
  <attr name="bubbleStrokeWidth" format="dimension" />
  <attr name="triangleHeight" format="dimension" />
  <attr name="triangleWidth" format="dimension" />
  <attr name="bubbleRadius" format="dimension" />
  <attr name="triangleDirection">
   <flag name="top" value="1" />
   <flag name="bottom" value="2" />
  </attr>
</declare-styleable>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android中制作自定义dialog对话框的实例分享

    自定义dialog基础版 很多时候,我们在使用android sdk提供的alerdialog的时候,会因为你的系统的不同而产生不同的效果,就好比如你刷的是MIUI的系统,弹出框都会在顶部显示!这里简单的介绍自定义弹出框的应用. 首先创建布局文件dialog: 代码: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.and

  • Android自定义对话框Dialog的简单实现

    本文着重研究了自定义对话框,通过一下步骤即可清晰的理解原理,通过更改界面设置和style类型,可以应用在各种各样适合自己的App中. 首先来看一下效果图: 首先是activity的界面 点击了上述图片的按钮后,弹出对话框: 点击对话框的确定按钮: 点击对话框的取消按钮: 下面来说一下具体实现步骤: 第一步:设置Dialog的样式(一般项目都可以直接拿来用):style.xml中 <!--自定义Dialog背景全透明无边框theme--> <style name="MyDialo

  • Android 自定义ProgressDialog进度条对话框用法详解

    ProgressDialog的基本用法 ProgressDialog为进度对话框.android手机自带的对话框显得比较单一,我们可以通过ProgressDialog来自己定义对话框中将要显示出什么东西. 首先看看progressDialog里面的方法 setProgressStyle:设置进度条风格,风格为圆形,旋转的. setTitlt:设置标题 setMessage:设置提示信息: setIcon:设置标题图标: setIndeterminate:设置ProgressDialog 的进度条

  • Android使用setCustomTitle()方法自定义对话框标题

    Android有自带的对话框标题,但是不太美观,如果要给弹出的对话框设置一个自定义的标题,使用AlertDialog.Builder的setCustomTitle()方法. 运行效果如下,左边是点击第一个按钮,弹出Android系统自带的对话框(直接用setTitle()设置标题):右边是点击第二个按钮,首先inflate一个View,然后用setCustomTitle()方法把该View设置成对话框的标题. 定义一个对话框标题的title.xml文件: <?xml version="1.

  • Android自定义Dialog实现加载对话框效果

    前言 最近开发中用到许多对话框,之前都是在外面的代码中创建AlertDialog并设置自定义布局实现常见的对话框,诸如更新提示等含有取消和删除两个按钮的对话框我们可以通过代码创建一个AlertDialog并通过它暴露的一系列方法设置我们自定义的布局和style,但有时候系统的AlertDialog并不能实现更好的定制,这时,我们就想到了自定义Dialog.通过查看AlertDialog的类结构发现它也是继承于Dialog,于是我们也可以通过继承Dialog实现我们自定义的Dialog.这篇文章将

  • Android UI设计系列之自定义Dialog实现各种风格的对话框效果(7)

    虽然Android给我们提供了众多组件,但是使用起来都不是很方便,我们开发的APK都有自己的风格,如果使用了系统自带的组件,总是觉得和应用的主题不着边际并且看起来也不顺心,那我们就需要自定义了,为了方便大家对自定义组件的学习,我接下来准备了几遍有关自定义的Dialog的文章,希望对大家有帮助. 在开发APK中最常见的估计就数弹出对话框了,这种对话框按照按钮数量来分大致是三种:一个按钮,两个按钮,三个按钮.现在要讲的就是按照按钮数量分为以上三类吧(当然了可以有更多的按钮,只要你愿意). 自定义Di

  • Android实现自定义圆角对话框Dialog的示例代码

    前言: 项目中多处用到对话框,用系统对话框太难看,就自己写一个自定义对话框. 对话框包括:1.圆角 2.app图标 , 提示文本,关闭对话框的"确定"按钮 难点:1.对话框边框圆角显示 2.考虑到提示文本字数不确定,在不影响美观的情况下,需要在一行内显示提示的文字信息 3.设置对话框的宽和高 技术储备: 1.安卓开发_使用AlertDialog实现对话框    知道AlertDialog有setView(view) ,Dialog 有ContentView(view) 方法. 2.An

  • 实例详解Android自定义ProgressDialog进度条对话框的实现

    Android SDK已经提供有进度条组件ProgressDialog组件,但用的时候我们会发现可能风格与我们应用的整体风格不太搭配,而且ProgressDialog的可定制行也不太强,这时就需要我们自定义实现一个ProgressDialog. 通过看源码我们发现,ProgressDialog继承自Alertdialog,有一个ProgressBar和两个TextView组成的,通过对ProgressDialog的源码进行改进就可以实现一个自定义的ProgressDialog. 1.效果: 首先

  • 属于自己的Android对话框(Dialog)自定义集合

    Activities提供了一种方便管理的创建.保存.回复的对话框机制,例如 onCreateDialog(int), onPrepareDialog(int, Dialog), showDialog(int), dismissDialog(int)等方法,如果使用这些方法的话,Activity将通过getOwnerActivity()方法返回该Activity管理的对话框(dialog). onCreateDialog(int):当你使用这个回调函数时,Android系统会有效的设置这个Acti

  • Android中自定义对话框(Dialog)的实例代码

    1.修改系统默认的Dialog样式(风格.主题) 2.自定义Dialog布局文件 3.可以自己封装一个类,继承自Dialog或者直接使用Dialog类来实现,为了方便以后重复使用,建议自己封装一个Dialog类 第一步: 我们知道Android定义个控件或View的样式都是通过定义其style来实现的,查看Android框架中的主题文件,在源码中的路径:/frameworks/base/core/res/res/values/themes.xml,我们可以看到,Android为Dialog定义了

随机推荐