Android超简单气泡效果,安卓资深架构师分享学习经验及总结

@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
startBubbleSync();
}

@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
stopBubbleSync();
}

1.3 开启线程

开启线程非常简单,就是简单的创建了一个线程,然后在里面添加了一个 while 死循环,然后不停的执行 休眠、创建气泡、刷新气泡位置、申请更新UI 等操作。

这里没有用变量来控制循环,而是监听了中断事件,在当拦截到 InterruptedException 的时候,使用 break 跳出了死循环,因此线程也就结束了,方法简单粗暴。

// 开始气泡线程
private void startBubbleSync() {
stopBubbleSync();
mBubbleThread = new Thread() {
public void run() {
while (true) {
try {
Thread.sleep(mBubbleRefreshTime);
tryCreateBubble();
refreshBubbles();
postInvalidate();
} catch (InterruptedException e) {
System.out.println(“Bubble线程结束”);
break;
}
}
}
};
mBubbleThread.start();
}

1.4 关闭线程

由于线程运行时监听了 interrupt 中断,这里直接使用 interrupt 通知线程中断就可以了。

// 停止气泡线程
private void stopBubbleSync() {
if (null == mBubbleThread) return;
mBubbleThread.interrupt();
mBubbleThread = null;
}

1.5 创建气泡

为了防止气泡数量过多而占用太多的性能,因此在创建气泡之前需要先判断当前已经有多少个气泡,如果已经有足够多的气泡了,则不再创建新的气泡。

同时,为了让气泡产生过程看起来更合理,在气泡数量没有达到上限之前,会随机的创建气泡,以防止气泡扎堆出现,因此设立了一个随机项,生成的随机数大于 0.95 的时候才生成气泡,让气泡生成过程慢一些。

创建气泡的过程也很简单,就是随机的在设定范围内生成一些属性,然后放到 List 中而已。

PS:这里使用了一些硬编码和魔数,属于不太好的习惯。不过由于应用场景固定,这些参数需要调整的概率比较小,影响也不大。

// 尝试创建气泡
private void tryCreateBubble() {
if (null == mContentRectF) return;
if (mBubbles.size() >= mBubbleMaxSize) {
return;
}
if (random.nextFloat() < 0.95) {
return;
}
Bubble bubble = new Bubble();
int radius = random.nextInt(mBubbleMaxRadius - mBubbleMinRadius);
radius += mBubbleMinRadius;
float speedY = random.nextFloat() * mBubbleMaxSpeedY;
while (speedY < 1) {
speedY = random.nextFloat() * mBubbleMaxSpeedY;
}
bubble.radius = radius;
bubble.speedY = speedY;
bubble.x = mWaterRectF.centerX();
bubble.y = mWaterRectF.bottom - radius - mBottleBorder / 2;
float speedX = random.nextFloat() - 0.5f;
while (speedX == 0) {
speedX = random.nextFloat() - 0.5f;
}
bubble.speedX = speedX * 2;
mBubbles.add(bubble);
}

1.6 刷新气泡位置

这里主要做了两项工作:

将超出显示区域的气泡进行移除。
计算新的气泡显示位置。
可以看到这里没有直接使用原始的List,而是复制了一个 List 进行遍历,这样做主要是为了规避 ConcurrentModificationException 异常,(对Vector、ArrayList在迭代的时候如果同时对其进行修改就会抛出 java.util.ConcurrentModificationException 异常)。

对复制的 List 进行遍历,然后对超出显示区域的 Bubble 进行移除,对没有超出显示区域的 Bubble 位置进行了刷新。可以看到,这里逻辑比较复杂,有各种加减计算,是为了解决气泡飘到边缘的问题,防止气泡飘出水所在的范围。

// 刷新气泡位置,对于超出区域的气泡进行移除
private void refreshBubbles() {
List list = new ArrayList<>(mBubbles);
for (Bubble bubble : list) {
if (bubble.y - bubble.speedY <= mWaterRectF.top + bubble.radius) {
mBubbles.remove(bubble);
} else {
int i = mBubbles.indexOf(bubble);
if (bubble.x + bubble.speedX <= mWaterRectF.left + bubble.radius + mBottleBorder / 2) {
bubble.x = mWaterRectF.left + bubble.radius + mBottleBorder / 2;
} else if (bubble.x + bubble.speedX >= mWaterRectF.right - bubble.radius - mBottleBorder / 2) {
bubble.x = mWaterRectF.right - bubble.radius - mBottleBorder / 2;
} else {
bubble.x = bubble.x + bubble.speedX;
}
bubble.y = bubble.y - bubble.speedY;
mBubbles.set(i, bubble);
}
}
}

1.7 绘制气泡

绘制气泡同样简单,就是遍历 List,然后画圆就行了。

这里同样复制了一个新的 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);
}
}

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

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);
mWaterRectF = new RectF();

mBottleWidth = dp2px(130);
mBottleHeight = dp2px(260);
mBottleBorder = dp2px(8);
mBottleRadius = dp2px(15);
mBottleCapRadius = dp2px(5);

mWaterHeight = dp2px(240);

mBottlePath = new Path();
mWaterPath = new Path();

mBottlePaint = new Paint();
mBottlePaint.setAntiAlias(true);
mBottlePaint.setStyle(Paint.Style.STROKE);
mBottlePaint.setStrokeCap(Paint.Cap.ROUND);
mBottlePaint.setColor(Color.WHITE);
mBottlePaint.setStrokeWidth(mBottleBorder);

mWaterPaint = new Paint();
mWaterPaint.setAntiAlias(true);

initBubble();
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);

mContentRectF = new RectF(getPaddingLeft(), getPaddingTop(), w - getPaddingRight(), h - getPaddingBottom());

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

最后,面试前该准备哪些资源复习?

其实客户端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一下我面试期间的复习路线:(以下体系的复习资料是我从各路大佬收集整理好的)

《Android开发七大模块核心知识笔记》

面试字节两轮后被完虐,字节面试官给你的技术面试指南,请查收

面试字节两轮后被完虐,字节面试官给你的技术面试指南,请查收

《960全网最全Android开发笔记》

面试字节两轮后被完虐,字节面试官给你的技术面试指南,请查收

《379页Android开发面试宝典》

历时半年,我们整理了这份市面上最全面的安卓面试题解析大全
包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

《507页Android开发相关源码解析》

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。

面的安卓面试题解析大全
包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

《507页Android开发相关源码解析》

只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

  • 21
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值