Android自定义View——从零开始实现雪花飘落效果

---

扩展一：增加导入Drawable资源的构造方法和设置物体大小的接口

我们之前的FallObject类中Builder只支持bitmap的导入，很多时候我们的图片样式都是从drawable资源文件夹中获取的，每次都要将drawable转成bitmap是件很麻烦的事，因此我们要在FallObject类中封装drawable资源导入的构造方法，修改FallObject

public static final class Builder {
//省略部分代码…
public Builder(Bitmap bitmap) {
this.initSpeed = defaultSpeed;
this.bitmap = bitmap;
}

public Builder(Drawable drawable) {
this.initSpeed = defaultSpeed;
this.bitmap = drawableToBitmap(drawable);
}
}

/**

• drawable图片资源转bitmap
• @param drawable
• @return
  */
  public static Bitmap drawableToBitmap(Drawable drawable) {
  Bitmap bitmap = Bitmap.createBitmap(
  drawable.getIntrinsicWidth(),
  drawable.getIntrinsicHeight(),
  drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
  : Bitmap.Config.RGB_565);
  Canvas canvas = new Canvas(bitmap);
  drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
  drawable.draw(canvas);
  return bitmap;
  }

有了drawable资源导入的构造方法，肯定需要配套改变FallObject图片样式大小的接口，依然是在FallObject的Builder中扩展相应的接口

public static final class Builder {
//省略部分代码…
public Builder setSize(int w, int h){
this.bitmap = changeBitmapSize(this.bitmap,w,h);
return this;
}
}

/**

• 改变bitmap的大小
• @param bitmap 目标bitmap
• @param newW 目标宽度
• @param newH 目标高度
• @return
  */
  public static Bitmap changeBitmapSize(Bitmap bitmap, int newW, int newH) {
  int oldW = bitmap.getWidth();
  int oldH = bitmap.getHeight();
  // 计算缩放比例
  float scaleWidth = ((float) newW) / oldW;
  float scaleHeight = ((float) newH) / oldH;
  // 取得想要缩放的matrix参数
  Matrix matrix = new Matrix();
  matrix.postScale(scaleWidth, scaleHeight);
  // 得到新的图片
  bitmap = Bitmap.createBitmap(bitmap, 0, 0, oldW, oldH, matrix, true);
  return bitmap;
  }

在Activity中初始化下落物体样式时我们就可以导入drawable资源和设置物体大小了（图片资源我是在阿里图标库下载的）

FallObject.Builder builder = new FallObject.Builder(getResources().getDrawable(R.drawable.ic_snow));
FallObject fallObject = builder
.setSpeed(10)
.setSize(50,50)
.build();

来看下效果

---

扩展二：实现雪花“大小不一”、“快慢有别”的效果

之前我们通过导入drawable资源的方法让屏幕“下起了雪花”，但雪花个个都一样大小，下落速度也都完全一致，这显得十分的单调，看起来一点也不像现实中的下雪场景。因此我们需要利用随机数实现雪花大小不一、快慢有别的效果，修改FallObject

public class FallObject {
//省略部分代码…
private boolean isSpeedRandom;//物体初始下降速度比例是否随机
private boolean isSizeRandom;//物体初始大小比例是否随机

public FallObject(Builder builder, int parentWidth, int parentHeight){
//省略部分代码…
this.builder = builder;
isSpeedRandom = builder.isSpeedRandom;
isSizeRandom = builder.isSizeRandom;

initSpeed = builder.initSpeed;
randomSpeed();
randomSize();
}

private FallObject(Builder builder) {
//省略部分代码…
isSpeedRandom = builder.isSpeedRandom;
isSizeRandom = builder.isSizeRandom;
}

public static final class Builder {
//省略部分代码…
private boolean isSpeedRandom;
private boolean isSizeRandom;

public Builder(Bitmap bitmap) {
//省略部分代码…
this.isSpeedRandom = false;
this.isSizeRandom = false;
}

public Builder(Drawable drawable) {
//省略部分代码…
this.isSpeedRandom = false;
this.isSizeRandom = false;
}

/**

• 设置物体的初始下落速度
• @param speed
• @return
  */
  public Builder setSpeed(int speed) {
  this.initSpeed = speed;
  return this;
  }

/**

• 设置物体的初始下落速度
• @param speed
• @param isRandomSpeed 物体初始下降速度比例是否随机
• @return
  */
  public Builder setSpeed(int speed,boolean isRandomSpeed) {
  this.initSpeed = speed;
  this.isSpeedRandom = isRandomSpeed;
  return this;
  }

/**

• 设置物体大小
• @param w
• @param h
• @return
  */
  public Builder setSize(int w, int h){
  this.bitmap = changeBitmapSize(this.bitmap,w,h);
  return this;
  }

/**

• 设置物体大小
• @param w
• @param h
• @param isRandomSize 物体初始大小比例是否随机
• @return
  */
  public Builder setSize(int w, int h, boolean isRandomSize){
  this.bitmap = changeBitmapSize(this.bitmap,w,h);
  this.isSizeRandom = isRandomSize;
  return this;
  }
  }

/**

• 重置object位置
  */
  private void reset(){
  presentY = -objectHeight;
  randomSpeed();//记得重置时速度也一起重置，这样效果会好很多
  }

/**

• 随机物体初始下落速度
  */
  private void randomSpeed(){
  if(isSpeedRandom){
  presentSpeed = (float)((random.nextInt(3)+1)0.1+1) initSpeed;//这些随机数大家可以按自己的需要进行调整
  }else {
  presentSpeed = initSpeed;
  }
  }

/**

• 随机物体初始大小比例
  */
  private void randomSize(){
  if(isSizeRandom){
  float r = (random.nextInt(10)+1)*0.1f;
  float rW = r * builder.bitmap.getWidth();
  float rH = r * builder.bitmap.getHeight();
  bitmap = changeBitmapSize(builder.bitmap,(int)rW,(int)rH);
  }else {
  bitmap = builder.bitmap;
  }
  objectWidth = bitmap.getWidth();
  objectHeight = bitmap.getHeight();
  }
  }

在Activity中设置相应参数即可

FallObject.Builder builder = new FallObject.Builder(getResources().getDrawable(R.drawable.ic_snow));
FallObject fallObject = builder
.setSpeed(10,true)
.setSize(50,50,true)
.build();

效果如图，是不是看起来感觉好多了๑乛◡乛๑

---

扩展三：引入“风”的概念

“风”其实是一种比喻，实际上要做的是让雪花除了做下落运动外，还会横向移动，也就是说我们要模拟出雪花在风中乱舞的效果。为了让雪花在X轴上的位移不显得鬼畜（大家可以直接随机增减x坐标值就知道为什么是鬼畜了哈哈），我们采用正弦函数来获取X轴上的位移距离，如图所示

正弦函数曲线见下图

我们选取-π到π这段曲线，可以看出角的弧度在为π/2时正弦值最大（-π/2时最小），因此我们在计算角度时还需要考虑其极限值。同时，因为我们添加了横向的移动，所以判断边界时要记得判定最左和最右的边界，修改FallObject

public class FallObject {
//省略部分代码…
public int initSpeed;//初始下降速度
public int initWindLevel;//初始风力等级

private float angle;//物体下落角度

private boolean isWindRandom;//物体初始风向和风力大小比例是否随机
private boolean isWindChange;//物体下落过程中风向和风力是否产生随机变化

private static final int defaultWindLevel = 0;//默认风力等级
private static final int defaultWindSpeed = 10;//默认单位风速
private static final float HALF_PI = (float) Math.PI / 2;//π/2

public FallObject(Builder builder, int parentWidth, int parentHeight){
//省略部分代码…
isWindRandom = builder.isWindRandom;
isWindChange = builder.isWindChange;

initSpeed = builder.initSpeed;
randomSpeed();
randomSize();
randomWind();
}

private FallObject(Builder builder) {
//省略部分代码…
isWindRandom = builder.isWindRandom;
isWindChange = builder.isWindChange;
}

public static final class Builder {
//省略部分代码…
private boolean isWindRandom;
private boolean isWindChange;

public Builder(Bitmap bitmap) {
//省略部分代码…
this.isWindRandom = false;
this.isWindChange = false;
}

public Builder(Drawable drawable) {
//省略部分代码…
this.isWindRandom = false;
this.isWindChange = false;
}

/**

• 设置风力等级、方向以及随机因素
• @param level 风力等级（绝对值为 5 时效果会比较好），为正时风从左向右吹（物体向X轴正方向偏移），为负时则相反
• @param isWindRandom 物体初始风向和风力大小比例是否随机
• @param isWindChange 在物体下落过程中风的风向和风力是否会产生随机变化
• @return
  */
  public Builder setWind(int level,boolean isWindRandom,boolean isWindChange){
  this.initWindLevel = level;
  this.isWindRandom = isWindRandom;
  this.isWindChange = isWindChange;
  return this;
  }
  }

/**

• 移动物体对象
  */
  private void moveObject(){
  moveX();
  moveY();
  if(presentY>parentHeight || presentX<-bitmap.getWidth() || presentX>parentWidth+bitmap.getWidth()){
  reset();
  }
  }

/**

• X轴上的移动逻辑
  */
  private void moveX(){
  presentX += defaultWindSpeed * Math.sin(angle);
  if(isWindChange){
  angle += (float) (random.nextBoolean()?-1:1) * Math.random() * 0.0025;
  }
  }

/**

• 重置object位置
  */
  private void reset(){
  presentY = -objectHeight;
  randomSpeed();//记得重置时速度也一起重置，这样效果会好很多
  randomWind();//记得重置一下初始角度，不然雪花会越下越少（因为角度累加会让雪花越下越偏）
  }

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

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

总结

学习技术是一条慢长而艰苦的道路，不能靠一时激情，也不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！

最后如何才能让我们在面试中对答如流呢？

答案当然是平时在工作或者学习中多提升自身实力的啦，那如何才能正确的学习，有方向的学习呢？有没有免费资料可以借鉴？为此我整理了一份Android学习资料路线：

这里是一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套BAT大厂面试资料专题包，在这里免费分享给大家，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家。需要的小伙伴们可以点击我的GitHub获取免费领取方式

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以去我的主页加一下技术群。来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

最后，祝愿即将跳槽和已经开始求职的大家都能找到一份好的工作！

BAT大厂面试资料专题包，在这里免费分享给大家，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家。需要的小伙伴们可以点击我的GitHub获取免费领取方式

[外链图片转存中…(img-omBXZYX0-1710571860701)]

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以去我的主页加一下技术群。来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

最后，祝愿即将跳槽和已经开始求职的大家都能找到一份好的工作！

这些只是整理出来的部分面试题，后续会持续更新，希望通过这些高级面试题能够降低面试Android岗位的门槛，让更多的Android工程师理解Android系统，掌握Android系统。喜欢的话麻烦点击一个喜欢再关注一下~