安卓开发之文本气泡聊天框

最新推荐文章于 2024-07-02 18:15:01 发布
最新推荐文章于 2024-07-02 18:15:01 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： 自定义控件 文章标签： android 聊天

ps：个人习惯吧注释以及思路直接放到代码里，所以这里就不直接写过程了，直接上代码

package com.recycleviewrefresh.android.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.widget.TextView;

import com.recycleviewrefresh.android.MyApplication;
import com.recycleviewrefresh.android.R;


/**
 * Created by wangliang on 0027/2017/3/27.
 * 创建时间： 0027/2017/3/27 14:06
 * 创建人：王亮（Loren wang）
 * 功能作用：气泡对话框
 * 思路：使用三层覆盖的方法，最底层使用path绘制出来一个带有箭头的圆角底图，在绘制文字（ps：在初始化的时候要使背景为空，然后使用单独的参数设置背景，否则背景会影响显示）
 *        然后再使用path再绘制一个带有箭头的圆角边框，然后不要使用paint绘制到画布上
 * 修改人：
 * 修改时间：
 * 备注：
 */

public class BubbleTextView extends TextView {


    private Context context;
    private Paint paint;//基础画笔

    private int bubbleArrowWidth;//气泡箭头的宽度
    private int bubbleArrowHeight;//气泡箭头的高度
    private boolean bubbleArrowWhetherCenterVertical;//气泡箭头是否居中
    private int bubbleRadius;//气泡的圆角角度
    private String bubbleDirection;//气泡的方向
    private int bubbleMarginTop;//气泡的如果不居中的话距离顶部的距离
    private int bubbleMarginLeft;//气泡的如果不居中的话距离左边的距离
    private int bubbleStrokeWidth;//气泡边框的宽度
    private int bubbleStrokeColor;//气泡边框的颜色
    private int bubbleBackGround;//气泡背景颜色

    private final String BUBBLE_DIRECTION_LEFT = "0";
    private final String BUBBLE_DIRECTION_TOP = "1";
    private final String BUBBLE_DIRECTION_RIGHT = "2";
    private final String BUBBLE_DIRECTION_BOTTOM = "3";

    private float[] radiusArray = { 0f, 0f, 0f, 0f, 0f, 0f, 0f, 0f };//圆角半径集合

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

    public BubbleTextView(Context context, AttributeSet attrs) {
        this(context,attrs,0);
    }

    public BubbleTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        this.context = context;

        TypedArray attributes = context.obtainStyledAttributes(attrs, R.styleable.bubble);
        this.bubbleArrowWidth = attributes.getDimensionPixelOffset(R.styleable.bubble_bubbleArrowWidth,dip2px(10));
        this.bubbleArrowHeight = attributes.getDimensionPixelOffset(R.styleable.bubble_bubbleArrowHeight,dip2px(10));
        this.bubbleArrowWhetherCenterVertical = attributes.getBoolean(R.styleable.bubble_bubbleArrowWhetherCenterVertical,true);
        this.bubbleRadius = attributes.getDimensionPixelOffset(R.styleable.bubble_bubbleRadius,dip2px(8));
        this.bubbleMarginTop = attributes.getDimensionPixelOffset(R.styleable.bubble_bubbleMarginTop,dip2px(10));
        this.bubbleMarginLeft = attributes.getDimensionPixelOffset(R.styleable.bubble_bubbleMarginLeft,dip2px(10));
        this.bubbleStrokeWidth = attributes.getDimensionPixelOffset(R.styleable.bubble_bubbleStrokeWidth,0);
        this.bubbleStrokeColor = attributes.getColor(R.styleable.bubble_bubbleStrokeColor, Color.RED);
        this.bubbleBackGround = attributes.getColor(R.styleable.bubble_bubbleBackGround, Color.parseColor("#00ffffff"));
        this.bubbleDirection = attributes.getString(R.styleable.bubble_bubbleDirection);
        if(this.bubbleDirection == null || "".equals(this.bubbleDirection)){
            this.bubbleDirection = BUBBLE_DIRECTION_LEFT;
        }

        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setStyle(Paint.Style.FILL);
        paint.setStrokeWidth(bubbleStrokeWidth);
        paint.setColor(bubbleStrokeColor);
        //设置系统背景为空
        setBackground(null);
        int newPaddingLeft = getPaddingLeft();
        int newPaddingTop = getPaddingTop();
        int newPaddingRight = getPaddingRight();
        int newPaddingBottom = getPaddingBottom();
        //设置偏移量
        switch (this.bubbleDirection) {
            case BUBBLE_DIRECTION_LEFT:
                newPaddingLeft += bubbleArrowWidth + bubbleStrokeWidth;
                newPaddingTop += bubbleStrokeWidth;
                newPaddingRight += bubbleStrokeWidth;
                newPaddingBottom += bubbleStrokeWidth;
                break;
            case BUBBLE_DIRECTION_TOP:
                newPaddingLeft += bubbleStrokeWidth;
                newPaddingTop += bubbleArrowHeight + bubbleStrokeWidth;
                newPaddingRight += bubbleStrokeWidth;
                newPaddingBottom += bubbleStrokeWidth;
                break;
            case BUBBLE_DIRECTION_RIGHT:
                newPaddingLeft += bubbleStrokeWidth;
                newPaddingTop += bubbleStrokeWidth;
                newPaddingRight += bubbleArrowWidth + bubbleStrokeWidth;
                newPaddingBottom += bubbleStrokeWidth;
                break;
            case BUBBLE_DIRECTION_BOTTOM:
                newPaddingLeft += bubbleStrokeWidth;
                newPaddingTop += bubbleStrokeWidth;
                newPaddingRight += bubbleStrokeWidth;
                newPaddingBottom += bubbleArrowHeight + bubbleStrokeWidth;
                break;
        }

        setPadding(newPaddingLeft,newPaddingTop,newPaddingRight,newPaddingBottom);

    }


    /**
     * 将dip或dp值转换为px值，保证尺寸大小不变
     *
     * @param dipValue
     * @return
     */
    public int dip2px(float dipValue) {
        if (context == null) {
            context = MyApplication.getContext();
        }
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //绘制底图范围
        canvas.drawBitmap(initBubbleBackGroundBitmap(),0,0,paint);
        super.onDraw(canvas);
        if(bubbleStrokeWidth != 0) {
            //绘制顶图边框
            canvas.drawBitmap(initBubbleStrokeBitmap(), 0, 0, null);
        }

    }


    /**
     * 初始化底图位图
     * @return
     */
    private Bitmap initBubbleBackGroundBitmap(){
        int paddingLeft = 0;
        int paddingTop = 0;
        int paddingRight = 0;
        int paddingBottopm = 0;
        int viewWidth = getMeasuredWidth();
        int viewHeight = getMeasuredHeight();
        Bitmap bubbleBackGroundBitmap = Bitmap.createBitmap(viewWidth ,viewHeight,Bitmap.Config.ARGB_8888);
        Canvas bubbleBackGroundCanvas = new Canvas(bubbleBackGroundBitmap);
        Paint bubbleBackGroundPaint = new Paint();
        bubbleBackGroundPaint.setAntiAlias(true);
        bubbleBackGroundPaint.setStyle(Paint.Style.FILL);
        bubbleBackGroundPaint.setColor(bubbleBackGround);
        Path bubbleBackGroundPath = new Path();

        int nowBubbleArrowX = 0;//箭头的尖的坐标
        int nowBubbleArrowY = 0;//箭头的尖的坐标
        switch (this.bubbleDirection) {
            case BUBBLE_DIRECTION_LEFT:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = paddingLeft + bubbleStrokeWidth / 2;
                    nowBubbleArrowY = (viewHeight - paddingTop - paddingBottopm) / 2 + paddingTop;
                }else {
                    nowBubbleArrowX = paddingLeft + bubbleStrokeWidth / 2;
                    nowBubbleArrowY = bubbleMarginTop + paddingTop;
                }
                //绘制实心箭头
                bubbleBackGroundPath.moveTo(nowBubbleArrowX + bubbleArrowWidth,nowBubbleArrowY - bubbleArrowHeight / 2);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX + bubbleArrowWidth,nowBubbleArrowY + bubbleArrowHeight / 2);
                //绘制圆角矩形
                bubbleBackGroundPath.addRoundRect(new RectF(nowBubbleArrowX + bubbleArrowWidth
                                ,bubbleStrokeWidth / 2 + paddingTop
                                ,viewWidth - bubbleStrokeWidth / 2 - paddingRight
                                ,viewHeight - bubbleStrokeWidth / 2 - paddingBottopm)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleBackGroundCanvas.drawPath(bubbleBackGroundPath,bubbleBackGroundPaint);
                break;
            case BUBBLE_DIRECTION_TOP:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = (viewWidth - paddingLeft - paddingRight) / 2 + paddingLeft;
                    nowBubbleArrowY = paddingTop + bubbleStrokeWidth / 2;
                }else {
                    nowBubbleArrowX = paddingLeft + bubbleMarginLeft;
                    nowBubbleArrowY = paddingTop + bubbleStrokeWidth / 2;
                }
                //绘制实心箭头
                bubbleBackGroundPath.moveTo(nowBubbleArrowX + bubbleArrowWidth / 2,nowBubbleArrowY + bubbleArrowHeight);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX - bubbleArrowWidth / 2,nowBubbleArrowY + bubbleArrowHeight);
                //绘制圆角矩形
                bubbleBackGroundPath.addRoundRect(new RectF(paddingLeft + bubbleStrokeWidth / 2
                                ,nowBubbleArrowY + bubbleArrowHeight
                                ,viewWidth - bubbleStrokeWidth / 2 - paddingRight
                                ,viewHeight - bubbleStrokeWidth / 2 - paddingBottopm)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleBackGroundCanvas.drawPath(bubbleBackGroundPath,bubbleBackGroundPaint);
                break;
            case BUBBLE_DIRECTION_RIGHT:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = viewWidth - paddingRight - bubbleStrokeWidth / 2;
                    nowBubbleArrowY = (viewHeight - paddingTop - paddingBottopm) / 2 + paddingTop;
                }else {
                    nowBubbleArrowX = viewWidth - paddingRight - bubbleStrokeWidth / 2;
                    nowBubbleArrowY = bubbleMarginTop + paddingTop;
                }
                //绘制实心箭头
                bubbleBackGroundPath.moveTo(nowBubbleArrowX - bubbleArrowWidth,nowBubbleArrowY - bubbleArrowHeight / 2);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX - bubbleArrowWidth,nowBubbleArrowY + bubbleArrowHeight / 2);
                //绘制圆角矩形
                bubbleBackGroundPath.addRoundRect(new RectF(paddingLeft + bubbleStrokeWidth / 2
                                ,bubbleStrokeWidth / 2 + paddingTop
                                ,nowBubbleArrowX - bubbleArrowWidth
                                ,viewHeight - bubbleStrokeWidth / 2 - paddingBottopm)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleBackGroundCanvas.drawPath(bubbleBackGroundPath,bubbleBackGroundPaint);
                break;
            case BUBBLE_DIRECTION_BOTTOM:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = (viewWidth - paddingLeft - paddingRight) / 2 + paddingLeft;
                    nowBubbleArrowY = viewHeight - paddingBottopm - bubbleStrokeWidth / 2;
                }else {
                    nowBubbleArrowX = paddingLeft + bubbleMarginLeft;
                    nowBubbleArrowY = viewHeight - paddingBottopm - bubbleStrokeWidth / 2;
                }
                //绘制实心箭头
                bubbleBackGroundPath.moveTo(nowBubbleArrowX + bubbleArrowWidth / 2,nowBubbleArrowY - bubbleArrowHeight);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleBackGroundPath.lineTo(nowBubbleArrowX - bubbleArrowWidth / 2,nowBubbleArrowY - bubbleArrowHeight);
                //绘制圆角矩形
                bubbleBackGroundPath.addRoundRect(new RectF(paddingLeft + bubbleStrokeWidth / 2
                                ,paddingTop + bubbleStrokeWidth / 2
                                ,viewWidth - bubbleStrokeWidth / 2 - paddingRight
                                ,nowBubbleArrowY - bubbleArrowHeight)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleBackGroundCanvas.drawPath(bubbleBackGroundPath,bubbleBackGroundPaint);
                break;
        }

        return bubbleBackGroundBitmap;

    }

    /**
     * 流程：先确定方向--》确定箭头尖部的坐标--》确定箭头三个点的位置坐标---》绘制圆角矩形
     * @return
     */
    private Bitmap initBubbleStrokeBitmap(){
        int paddingLeft = 0;
        int paddingTop = 0;
        int paddingRight = 0;
        int paddingBottopm = 0;
        int viewWidth = getMeasuredWidth();
        int viewHeight = getMeasuredHeight();
        Bitmap bubbleStrokeBitmap = Bitmap.createBitmap(viewWidth ,viewHeight,Bitmap.Config.ARGB_8888);
        Canvas bubbleStrokeCanvas = new Canvas(bubbleStrokeBitmap);
        Paint bubbleStrokePaint = new Paint();
        bubbleStrokePaint.setAntiAlias(true);
        bubbleStrokePaint.setStyle(Paint.Style.STROKE);
        bubbleStrokePaint.setColor(bubbleStrokeColor);
        bubbleStrokePaint.setStrokeWidth(bubbleStrokeWidth);
        Path bubbleStrokePath = new Path();
        Paint bubbleStrokeOverlayPaint;
        Path bubbleStrokeOverlayPath;

        int nowBubbleArrowX = 0;//箭头的尖的坐标
        int nowBubbleArrowY = 0;//箭头的尖的坐标
        switch (this.bubbleDirection) {
            case BUBBLE_DIRECTION_LEFT:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = paddingLeft + bubbleStrokeWidth / 2;
                    nowBubbleArrowY = (viewHeight - paddingTop - paddingBottopm) / 2 + paddingTop;
                }else {
                    nowBubbleArrowX = paddingLeft + bubbleStrokeWidth / 2;
                    nowBubbleArrowY = bubbleMarginTop + paddingTop;
                }
                //绘制实心箭头
                bubbleStrokePath.moveTo(nowBubbleArrowX + bubbleArrowWidth,nowBubbleArrowY - bubbleArrowHeight / 2);
                bubbleStrokePath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleStrokePath.lineTo(nowBubbleArrowX + bubbleArrowWidth,nowBubbleArrowY + bubbleArrowHeight / 2);
                bubbleStrokePaint.setStyle(Paint.Style.FILL);
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                //绘制空心圆角矩形
                bubbleStrokePaint.setStyle(Paint.Style.STROKE);
                bubbleStrokePath.addRoundRect(new RectF(nowBubbleArrowX + bubbleArrowWidth
                        ,bubbleStrokeWidth / 2 + paddingTop
                        ,viewWidth - bubbleStrokeWidth / 2 - paddingRight
                        ,viewHeight - bubbleStrokeWidth / 2 - paddingBottopm)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                bubbleStrokeCanvas.save();
                //绘制覆盖掉箭头的封闭线的实心三角
                bubbleStrokeOverlayPaint = new Paint(bubbleStrokePaint);
                bubbleStrokeOverlayPaint.setStyle(Paint.Style.FILL);
                bubbleStrokeOverlayPaint.setColor(Color.parseColor("#00ffffff"));//使用透明的颜色可以使范围设置的稍微大一些，防止出现2.5dp这种情况
                bubbleStrokeOverlayPaint.setStrokeWidth(1);
                bubbleStrokeOverlayPaint.setAntiAlias(true);
                bubbleStrokeOverlayPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));//设置覆盖物的显示方式
                bubbleStrokeOverlayPath = new Path();
                bubbleStrokeOverlayPath.moveTo(nowBubbleArrowX + bubbleArrowWidth + bubbleStrokeWidth,nowBubbleArrowY - bubbleArrowHeight / 2);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX + bubbleStrokeWidth,nowBubbleArrowY);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX + bubbleArrowWidth + bubbleStrokeWidth,nowBubbleArrowY + bubbleArrowHeight / 2);
                bubbleStrokeOverlayPath.close();
                //绘制进行覆盖显示
                bubbleStrokeCanvas.drawPath(bubbleStrokeOverlayPath,bubbleStrokeOverlayPaint);
                bubbleStrokeCanvas.restore();
                break;
            case BUBBLE_DIRECTION_TOP:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = (viewWidth - paddingLeft - paddingRight) / 2 + paddingLeft;
                    nowBubbleArrowY = paddingTop + bubbleStrokeWidth / 2;
                }else {
                    nowBubbleArrowX = paddingLeft + bubbleMarginLeft;
                    nowBubbleArrowY = paddingTop + bubbleStrokeWidth / 2;
                }
                //绘制实心箭头
                bubbleStrokePath.moveTo(nowBubbleArrowX + bubbleArrowWidth / 2,nowBubbleArrowY + bubbleArrowHeight);
                bubbleStrokePath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleStrokePath.lineTo(nowBubbleArrowX - bubbleArrowWidth / 2,nowBubbleArrowY + bubbleArrowHeight);
                bubbleStrokePaint.setStyle(Paint.Style.FILL);
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                //绘制空心圆角矩形
                bubbleStrokePaint.setStyle(Paint.Style.STROKE);
                bubbleStrokePath.addRoundRect(new RectF(paddingLeft + bubbleStrokeWidth / 2
                                ,nowBubbleArrowY + bubbleArrowHeight
                                ,viewWidth - bubbleStrokeWidth / 2 - paddingRight
                                ,viewHeight - bubbleStrokeWidth / 2 - paddingBottopm)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                bubbleStrokeCanvas.save();
                //绘制覆盖掉箭头的封闭线的实心三角
                bubbleStrokeOverlayPaint = new Paint(bubbleStrokePaint);
                bubbleStrokeOverlayPaint.setStyle(Paint.Style.FILL);
                bubbleStrokeOverlayPaint.setColor(Color.parseColor("#00ffffff"));//使用透明的颜色可以使范围设置的稍微大一些，防止出现2.5dp这种情况
                bubbleStrokeOverlayPaint.setStrokeWidth(1);
                bubbleStrokeOverlayPaint.setAntiAlias(true);
                bubbleStrokeOverlayPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));//设置覆盖物的显示方式
                bubbleStrokeOverlayPath = new Path();
                bubbleStrokeOverlayPath.moveTo(nowBubbleArrowX + bubbleArrowWidth / 2,nowBubbleArrowY + bubbleArrowHeight + bubbleStrokeWidth);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX,nowBubbleArrowY + bubbleStrokeWidth);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX - bubbleArrowWidth / 2,nowBubbleArrowY + bubbleArrowHeight + bubbleStrokeWidth);
                bubbleStrokeOverlayPath.close();
                //绘制进行覆盖显示
                bubbleStrokeCanvas.drawPath(bubbleStrokeOverlayPath,bubbleStrokeOverlayPaint);
                bubbleStrokeCanvas.restore();
                break;
            case BUBBLE_DIRECTION_RIGHT:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = viewWidth - paddingRight - bubbleStrokeWidth / 2;
                    nowBubbleArrowY = (viewHeight - paddingTop - paddingBottopm) / 2 + paddingTop;
                }else {
                    nowBubbleArrowX = viewWidth - paddingRight - bubbleStrokeWidth / 2;
                    nowBubbleArrowY = bubbleMarginTop + paddingTop;
                }
                //绘制实心箭头
                bubbleStrokePath.moveTo(nowBubbleArrowX - bubbleArrowWidth,nowBubbleArrowY - bubbleArrowHeight / 2);
                bubbleStrokePath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleStrokePath.lineTo(nowBubbleArrowX - bubbleArrowWidth,nowBubbleArrowY + bubbleArrowHeight / 2);
                bubbleStrokePaint.setStyle(Paint.Style.FILL);
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                //绘制空心圆角矩形
                bubbleStrokePaint.setStyle(Paint.Style.STROKE);
                bubbleStrokePath.addRoundRect(new RectF(paddingLeft + bubbleStrokeWidth / 2
                                ,bubbleStrokeWidth / 2 + paddingTop
                                ,nowBubbleArrowX - bubbleArrowWidth
                                ,viewHeight - bubbleStrokeWidth / 2 - paddingBottopm)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                bubbleStrokeCanvas.save();
                //绘制覆盖掉箭头的封闭线的实心三角
                bubbleStrokeOverlayPaint = new Paint(bubbleStrokePaint);
                bubbleStrokeOverlayPaint.setStyle(Paint.Style.FILL);
                bubbleStrokeOverlayPaint.setColor(Color.parseColor("#00ffffff"));//使用透明的颜色可以使范围设置的稍微大一些，防止出现2.5dp这种情况
                bubbleStrokeOverlayPaint.setStrokeWidth(1);
                bubbleStrokeOverlayPaint.setAntiAlias(true);
                bubbleStrokeOverlayPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));//设置覆盖物的显示方式
                bubbleStrokeOverlayPath = new Path();
                bubbleStrokeOverlayPath.moveTo(nowBubbleArrowX - bubbleArrowWidth - bubbleStrokeWidth ,nowBubbleArrowY - bubbleArrowHeight / 2);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX - bubbleStrokeWidth,nowBubbleArrowY);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX - bubbleArrowWidth - bubbleStrokeWidth,nowBubbleArrowY + bubbleArrowHeight / 2);
                bubbleStrokeOverlayPath.close();
                //绘制进行覆盖显示
                bubbleStrokeCanvas.drawPath(bubbleStrokeOverlayPath,bubbleStrokeOverlayPaint);
                bubbleStrokeCanvas.restore();
                break;
            case BUBBLE_DIRECTION_BOTTOM:
                if(bubbleArrowWhetherCenterVertical){
                    nowBubbleArrowX = (viewWidth - paddingLeft - paddingRight) / 2 + paddingLeft;
                    nowBubbleArrowY = viewHeight - paddingBottopm - bubbleStrokeWidth / 2;
                }else {
                    nowBubbleArrowX = paddingLeft + bubbleMarginLeft;
                    nowBubbleArrowY = viewHeight - paddingBottopm - bubbleStrokeWidth / 2;
                }
                //绘制实心箭头
                bubbleStrokePath.moveTo(nowBubbleArrowX + bubbleArrowWidth / 2,nowBubbleArrowY - bubbleArrowHeight);
                bubbleStrokePath.lineTo(nowBubbleArrowX,nowBubbleArrowY);
                bubbleStrokePath.lineTo(nowBubbleArrowX - bubbleArrowWidth / 2,nowBubbleArrowY - bubbleArrowHeight);
                bubbleStrokePaint.setStyle(Paint.Style.FILL);
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                //绘制空心圆角矩形
                bubbleStrokePaint.setStyle(Paint.Style.STROKE);
                bubbleStrokePath.addRoundRect(new RectF(paddingLeft + bubbleStrokeWidth / 2
                                ,paddingTop + bubbleStrokeWidth / 2
                                ,viewWidth - bubbleStrokeWidth / 2 - paddingRight
                                ,nowBubbleArrowY - bubbleArrowHeight)
                        ,bubbleRadius,bubbleRadius, Path.Direction.CCW);
                //绘制到画布
                bubbleStrokeCanvas.drawPath(bubbleStrokePath,bubbleStrokePaint);
                bubbleStrokeCanvas.save();
                //绘制覆盖掉箭头的封闭线的实心三角
                bubbleStrokeOverlayPaint = new Paint(bubbleStrokePaint);
                bubbleStrokeOverlayPaint.setStyle(Paint.Style.FILL);
                bubbleStrokeOverlayPaint.setColor(Color.parseColor("#00ffffff"));//使用透明的颜色可以使范围设置的稍微大一些，防止出现2.5dp这种情况
                bubbleStrokeOverlayPaint.setStrokeWidth(1);
                bubbleStrokeOverlayPaint.setAntiAlias(true);
                bubbleStrokeOverlayPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));//设置覆盖物的显示方式
                bubbleStrokeOverlayPath = new Path();
                bubbleStrokeOverlayPath.moveTo(nowBubbleArrowX + bubbleArrowWidth / 2,nowBubbleArrowY - bubbleArrowHeight - bubbleStrokeWidth);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX,nowBubbleArrowY - bubbleStrokeWidth);
                bubbleStrokeOverlayPath.lineTo(nowBubbleArrowX - bubbleArrowWidth / 2,nowBubbleArrowY - bubbleArrowHeight - bubbleStrokeWidth);
                bubbleStrokeOverlayPath.close();
                //绘制进行覆盖显示
                bubbleStrokeCanvas.drawPath(bubbleStrokeOverlayPath,bubbleStrokeOverlayPaint);
                bubbleStrokeCanvas.restore();
                break;
        }

        return bubbleStrokeBitmap;
    }

    @Override
    public void setBackgroundColor(int color) {
        super.setBackgroundColor(color);
    }
}

attrs资源文件：

<!--气泡图片的-->
    <declare-styleable name="bubble">
        <attr name="bubbleDirection">
            <enum name="left" value="0"></enum>
            <enum name="top" value="1"></enum>
            <enum name="right" value="2"></enum>
            <enum name="bottom" value="3"></enum>
        </attr>
        <attr name="bubbleArrowWidth" format="dimension" />
        <attr name="bubbleArrowHeight" format="dimension" />
        <attr name="bubbleArrowWhetherCenterVertical" format="boolean" />
        <attr name="bubbleRadius" format="dimension" />
        <attr name="bubbleMarginTop" format="dimension" />
        <attr name="bubbleMarginLeft" format="dimension" />
        <attr name="bubbleStrokeWidth" format="dimension" />
        <attr name="bubbleStrokeColor" format="color" />
        <attr name="bubbleBackGround" format="color" />
    </declare-styleable>
Loren_Wang
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android点击显示气泡,Android-气泡对话框（根据被点击View位置显示、可定制）
weixin_42417004的博客
05-26 1002
气泡布局的形状可以改变，如四角弧度、气泡颜色、箭头大小和阴影。气泡Dialog可以根据被点击的view的位置来确定自己展示的位置。更新1.1.4：①新增方法setLayout(int width, int height, int margin)，width(设置气泡的宽)、height(设置气泡的高)、margin(设置距离屏幕边缘的间距,只有当设置 width 或 height 为 MATCH_...
Android-气泡对话框（根据被点击View位置显示、可定制，androidkotlin面试题
m0_63935228的博客
11-10 574
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nZ8Fmmpi-1636559775978)(https://user-gold-cdn.xitu.io/2017/12/15/1605834810534ae1?imageView2/0/w/1280/h/960/ignore-error/1)] new BubbleDialog(this) .addContentView(LayoutInflater.from(this).inflate(R.layout.dialog_vie
安卓开发之图片气泡聊天框
cmwly的博客
03-29 4239
安卓开发之图片气泡聊天框
在Android中实现一个简易的聊天气泡效果(附示例代码)
最新发布
m0_63331248的博客
07-02 425
你可以使用或来布局聊天气泡。以下是一个简单的</
android聊天界面对话气泡_聊天会话框气泡(示例代码)
weixin_33301143的博客
01-26 1227
1.聊天会话框气泡的实现我们将一个div的width、height、font-size设置为0，给它一个border-width值，border-color给定四种不同的颜色，此时我们会看到该div由四个三角形组成的，由此我们可以根据需要保留需要的三角形，其他三个三角形定义为透明transparent，最后使用定位。实现代码如下：HTML：CSS:*{padding:0;margin: 0;}bo...
Android线性布局实现聊天气泡
03-29
Android线性布局实现聊天气泡Android线性布局实现聊天气泡Android线性布局实现聊天气泡Android线性布局实现聊天气泡Android线性布局实现聊天气泡Android线性布局实现聊天气泡
android聊天界面对话气泡_Android 聊天界面实践
weixin_32060671的博客
02-22 763
目录：1.首先准备好9图2.在 app/build.gradle 中添加依赖库，修改 activity_main.xml 中的代码3.定义消息的实体类4.编写 RecyclerView 子项的布局5.创建 RecyclerView 的配置器类，新建类 MsgAdapter6.修改 MainActivity 代码结果：1.首先准备好9图类似微信聊天，聊天框是气泡，首先的学会制作 Nine-Pat...
android实现气泡聊天效果
02-27
在Android开发中，实现类似iPhone短信应用中的气泡聊天效果是一项常见的需求，它能为用户带来直观、友好的交互体验。本示例将探讨如何在Android应用中创建这样的功能。 首先，我们需要理解气泡聊天效果的基本概念。...
Android仿飞信的气泡聊天框源码
10-12
总的来说，"Android仿飞信的气泡聊天框源码"是一个很好的学习和实践案例，它涵盖了Android UI自定义、数据绑定、布局管理等多个方面，对于提升Android开发技能非常有帮助。开发者可以根据自己的需求进行修改和定制，...
Android 仿iPhoneQQ气泡聊天样式源码-IT计算机-毕业设计.zip
04-05
在Android开发领域，为了提升用户体验，开发者们常常会尝试借鉴其他平台的成功设计，例如iOS的特色功能。"Android 仿iPhoneQQ气泡聊天样式源码"是一个专为Android平台设计的项目，它旨在模仿iPhone版QQ的聊天界面，...
Android 仿iPhoneQQ气泡聊天样式
03-16
在Android开发中，为了提升用户体验，开发者经常需要模仿其他流行应用的设计元素，iPhoneQQ的聊天气泡就是一个典型的例子。这个项目旨在实现与iPhoneQQ类似的聊天界面，让Android应用也能拥有吸引人的视觉效果。以下...
android气泡式对话列表
09-14
代码实现的是像handcent sms或者chomp sms那样的气泡短信样式，也是iphone上的气泡聊天模式。实现这种效果的重点是ListView的divider和listSelector
Android 聊天气泡的制作
01-16
用于模拟聊天气泡的教学Demo，传上来给大家共享。比较粗糙，有待改进。
android模仿QQ聊天界面，气泡效果
05-07
android模仿QQ聊天界面，气泡效果
Android点九图总结以及在聊天气泡中的使用
01-27
这一块是对点九图的简单介绍，如果对这块已经有了解的话，可以直接跳到2，看看聊天气泡中如何使用点九图。首先简单介绍下点九图出现的原因吧，Android为了使用同一张图作为不同数量文字的背景，设计了一种可以指定区域拉伸的图片格式“.9.png”，这种图片格式就是点九图。 注意：这种图片格式只能被使用于Android开发。在ios开发中，可以在代码中指定某个点进行拉伸，而在Android中不行，所以在Android中想要达到这个效果，只能使用点九图。(对大多数时候来说是这样，实际上可以自己构造，后面会稍微提一下，见3.2）点九图的本质实际上是
android 仿微信聊天气泡效果实现思路
09-05
在Android开发中，创建一个类似微信聊天界面的气泡效果是一项常见的需求，它能为用户提供直观且友好的交互体验。本篇文章将详细讲解如何在Android应用中实现这一效果。 首先，微信聊天界面的核心组件是`ListView`，...
android气泡聊天框大小,android – 备用聊天气泡宽度
weixin_36429576的博客
05-26 128
我正在开发一个聊天类型的应用程序我正在使用两个不同的九个补丁来聊天泡泡主要消息和响应.我面临的问题是根据消息长度自动包装气泡的宽度.以下是我的主要布局：android:orientation="vertical"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_weight="1">and...
android聊天界面对话气泡_关于android 聊天页面 类似泡泡包裹聊天内容的实现
weixin_35679331的博客
02-15 501
本文 附加的代码 demo 就是实现聊天页面类似微信，陌陌等聊天信息被泡泡包裹。使得页面展示美观专业。 demo中包含了使用的切图，包含了布局，以及代码控制。本demo只是在UI上的实现，不没有实现完成的通信功能，对于聊天社交app,服务器交互很重要。比如消息的缓存，消息实时接收，延时接收，在线心跳等。主页面就是一个listview：android:orientation="vertical"an...
Android点九图详解与聊天气泡应用
"Android点九图总结以及在聊天气泡中的使用" 点九图，又称.9.png，是Android系统为了适应不同尺寸屏幕和内容变化而设计的一种特殊图片格式。它允许开发者指定图片的可拉伸区域，从而实现背景图在不同场景下的自适应...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值