Android超简单气泡效果，从理论到实践

最新推荐文章于 2024-09-13 22:21:08 发布

m0_57077948

最新推荐文章于 2024-09-13 22:21:08 发布

阅读量1k

点赞数 30

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/m0_57077948/article/details/137028070

版权

本文介绍了如何在Android中实现简单的气泡效果，通过避免多线程问题，使用Canvas进行气泡绘制，以及设置气泡的半径、速度等属性。提供了一段完整的示例代码，包括气泡的初始化、绘制和更新过程。

摘要由CSDN通过智能技术生成

这里同样复制了一个新的 List 进行操作，不过这个与上面的原因不同，是为了防止多线程问题。由于在绘制的过程中，我们的计算线程可能会对原始 List 进行更新，可能导致异常的发生。为了避免这样的问题，就复制了一个 List 出来用于遍历绘制。

// 绘制气泡
private void drawBubble(Canvas canvas) {
List list = new ArrayList<>(mBubbles);
for (Bubble bubble : list) {
if (null == bubble) continue;
canvas.drawCircle(bubble.x, bubble.y,
bubble.radius, mBubblePaint);
}
}

完整代码
完整的示例代码非常简单，所以直接贴在了正文中，同时，你也可以从文末下载完整的项目代码。

public class BubbleView extends View {

private int mBubbleMaxRadius = 30; // 气泡最大半径 px
private int mBubbleMinRadius = 5; // 气泡最小半径 px
private int mBubbleMaxSize = 30; // 气泡数量
private int mBubbleRefreshTime = 20; // 刷新间隔
private int mBubbleMaxSpeedY = 5; // 气泡速度
private int mBubbleAlpha = 128; // 气泡画笔

private float mBottleWidth; // 瓶子宽度
private float mBottleHeight; // 瓶子高度
private float mBottleRadius; // 瓶子底部转角半径
private float mBottleBorder; // 瓶子边缘宽度
private float mBottleCapRadius; // 瓶子顶部转角半径
private float mWaterHeight; // 水的高度

private RectF mContentRectF; // 实际可用内容区域
private RectF mWaterRectF; // 水占用的区域

private Path mBottlePath; // 外部瓶子
private Path mWaterPath; // 水

private Paint mBottlePaint; // 瓶子画笔
private Paint mWaterPaint; // 水画笔
private Paint mBubblePaint; // 气泡画笔

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

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

public BubbleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mWate