2024年Android最全雕虫晓技(十) Android超简单气泡效果,2024年最新想自学Android的速来

建议

当我们出去找工作,或者准备找工作的时候,我们一定要想,我面试的目标是什么,我自己的技术栈有哪些,近期能掌握的有哪些,我的哪些短板 ,列出来,有计划的去完成,别看前两天掘金一些大佬在驳来驳去 ,他们的观点是他们的,不要因为他们的观点,膨胀了自己,影响自己的学习节奏。基础很大程度决定你自己技术层次的厚度,你再熟练框架也好,也会比你便宜的,性价比高的替代,很现实的问题但也要有危机意识,当我们年级大了,有哪些亮点,与比我们经历更旺盛的年轻小工程师,竞争。

  • 无论你现在水平怎么样一定要 持续学习 没有鸡汤,别人看起来的毫不费力,其实费了很大力,这四个字就是我的建议!!!!!!!!!

  • 准备想说怎么样写简历,想象算了,我觉得,技术就是你最好的简历

  • 我希望每一个努力生活的it工程师,都会得到自己想要的,因为我们很辛苦,我们应得的。

  • 有什么问题想交流,欢迎给我私信,欢迎评论

【附】相关架构及资料

Android高级技术大纲

面试资料整理

内含往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

// 尝试创建气泡
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 刷新气泡位置

这里主要做了两项工作:

  1. 将超出显示区域的气泡进行移除。
  2. 计算新的气泡显示位置。

可以看到这里没有直接使用原始的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);
}
}

2. 完整代码

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

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());

float bl = mContentRectF.centerX() - mBottleWidth / 2;
float bt = mContentRectF.centerY() - mBottleHeight / 2;
float br = mContentRectF.centerX() + mBottleWidth / 2;
float bb = mContentRectF.centerY() + mBottleHeight / 2;
mBottlePath.reset();
mBottlePath.moveTo(bl - mBottleCapRadius, bt - mBottleCapRadius);
mBottlePath.quadTo(bl, bt - mBottleCapRadius, bl, bt);
mBottlePath.lineTo(bl, bb - mBottleRadius);
mBottlePath.quadTo(bl, bb, bl + mBottleRadius, bb);
mBottlePath.lineTo(br - mBottleRadius, bb);
mBottlePath.quadTo(br, bb, br, bb - mBottleRadius);
mBottlePath.lineTo(br, bt);
mBottlePath.quadTo(br, bt - mBottleCapRadius, br + mBottleCapRadius, bt - mBottleCapRadius);

mWaterPath.reset();
mWaterPath.moveTo(bl, bb - mWaterHeight);
mWaterPath.lineTo(bl, bb - mBottleRadius);
mWaterPath.quadTo(bl, bb, bl + mBottleRadius, bb);
mWaterPath.lineTo(br - mBottleRadius, bb);
mWaterPath.quadTo(br, bb, br, bb - mBottleRadius);
mWaterPath.lineTo(br, bb - mWaterHeight);
mWaterPath.close();

mWaterRectF.set(bl, bb - mWaterHeight, br, bb);

LinearGradient gradient = new LinearGradient(mWaterRectF.centerX(), mWaterRectF.top,
mWaterRectF.centerX(), mWaterRectF.bottom, 0xFF4286f4, 0xFF373B44, Shader.TileMode.CLAMP);
mWaterPaint.setShader(gradient);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawPath(mWaterPath, mWaterPaint);
canvas.drawPath(mBottlePath, mBottlePaint);
drawBubble(canvas);
}

//— 气泡效果 ---------------------------------------------------------------------------------

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

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

private class Bubble {
int radius; // 气泡半径
float speedY; // 上升速度
float speedX; // 平移速度
float x; // 气泡x坐标
float y; // 气泡y坐标
}

private ArrayList mBubbles = new ArrayList<>();

private Random random = new Random();
private Thread mBubbleThread;

// 初始化气泡
private void initBubble() {
mBubblePaint = new Paint();
mBubblePaint.setColor(Color.WHITE);
mBubblePaint.setAlpha(mBubbleAlpha);
}

// 开始气泡线程
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();
}

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

// 绘制气泡
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);
}

如何做好面试突击,规划学习方向?

面试题集可以帮助你查漏补缺,有方向有针对性的学习,为之后进大厂做准备。但是如果你仅仅是看一遍,而不去学习和深究。那么这份面试题对你的帮助会很有限。最终还是要靠资深技术水平说话。

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。建议先制定学习计划,根据学习计划把知识点关联起来,形成一个系统化的知识体系。

学习方向很容易规划,但是如果只通过碎片化的学习,对自己的提升是很慢的。

同时我还搜集整理2020年字节跳动,以及腾讯,阿里,华为,小米等公司的面试题,把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind(实际上比预期多花了不少精力),包含知识脉络 + 分支细节

image

在搭建这些技术框架的时候,还整理了系统的高级进阶教程,会比自己碎片化学习效果强太多。

image

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 21
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值