构造雨雪对象
对需要实现的效果进行分析,首先雨雪效果是由一张图片不同属性拼接而成,每个雨滴和雪花落实在屏幕上,必须有 x,y 的坐标属性。为了营造远近的效果,需要加上 scale 值,由于更加还原真实的视觉效果,雨滴的远近,必然速度上和清晰度上会有差异,因此加上 speed 和 alpha 属性,再加上其他计算用的属性,最后类的声明如下:
class RainSnowParams {
double x;
double y;
double speed;
double scale;
double width;
double height;
double alpha;
WeatherType weatherType;
RainSnowParams(this.width, this.height, this.weatherType);
}
复制代码
属性初始化
有了属性后,接下来就是对属性进行赋值,为了保证效果更加的还原,所有属性既要有规则,又要随机。怎么解释规则性和随机性都要同时拥有,就拿雨速而言,小雨相对于大雨,雨的速度稍慢,但是不能很慢,并且每滴雨滴的速度不一样,这就致使小雨的速度必然在一个区间下随机,同样雪也一样。
初始化又分成两步,第一次的初始化和雨滴下落结束后的数据重置,实际上两者的区别只在于 y。第一次初始化 y 在屏幕高度中随机放置,而雨滴下落结束后,y 值置为0。那么就可以把重置逻辑封装统一的方法。
void reset() {
double initScale = 0.1;
double gapScale = 0.2;
double initSpeed = 40;
double gapSpeed = 40;
if (weatherType == WeatherType.lightRainy) {
initScale = 1.05;
gapScale = 0.1;
initSpeed = 15;
gapSpeed = 10;
} else if(){
…// 其他雨雪情况
}
double random = Random().nextDouble();
this.scale = initScale + gapScale * random;
this.speed = initSpeed + gapSpeed * (1 - random);
this.alpha = 0.1 + 0.9 * random;
x = Random().nextInt(width * 1.2 ~/ scale).toDouble() - width * 0.1 ~/ scale;
}
复制代码
其中 init 代表这初始值,gap 代表浮动值,这两个根据雨雪量大小而做不同区分。通过 Random().nextDouble()
获取随机 [0.0, 1.0]
的值,random * gap + init
就是最终的值。
x 的属性控制在 [-0.1*width, 1.1 width]
的区间内随机,y 值上面已提到。
雪相对有雨有个不同,雨是垂直下落,而雪是随风摇摆,那为了营造这种感觉,此时就需要借助 sin
函数。
if (WeatherUtil.isSnow(_state.widget.weatherType)) {
double offsetX = sin(params.y / (300 + 50 * params.alpha)) * (1 + 0.5 * params.alpha);
params.x += offsetX;
}
复制代码
开始绘制
终于到了最重要的步骤 绘制,但他并不是最难的,有了前面创建好的属性和对其初始化,剩下就只是调用 api 进行绘制即可。不过再此之前好像漏了什么没说,没错,就是 动画,一个无限循环的动画。
Flutter 中创建动画也很简单,需要在动画监听中,判断如果动画结束则重新继续执行即可。
- 在 initState 函数中初始化 controller, animation 和 listener
_controller =
AnimationController(duration: Duration(minutes: 1), vsync: this);
CurvedAnimation(parent: _controller, curve: Curves.linear);
_controller.addListener(() {
setState(() {});
});
_controller.addStatusListener((status) {
if (status == AnimationStatus.completed) {
_controller.repeat();
}
});
_controller.forward(); - 在 dispose 函数中释放掉动画资源
@override
void dispose() {
_controller.dispose();
super.dispose();
}
复制代码
在初始化是便让他执行并一直执行知道页面销毁,有了动画后,开始进行绘制,雨雪的绘制逻辑基本相似,只不过图片源不一样。
别看屏幕上有很多雨滴,其实只用了一直图片,通过控制 alpha、speed和scale 的属性来随机展现不同的形态。还有,根据气象大中小雨类型的区分,会直接落实到雨滴数量和雨滴形态上的变化,营造出多样的差异。
void drawRain(Canvas canvas, Size size) {
weatherPrint(
“开始绘制雨层 image:
s
t
a
t
e
.
i
m
a
g
e
s
?
.
l
e
n
g
t
h
,
r
a
i
n
s
:
{_state._images?.length}, rains:
state.images?.length,rains:{_state._rainSnows?.length}”);
if (_state._images != null && _state._images.length > 1) {
ui.Image image = _state._images[0];
if (_state._rainSnows != null && _state._rainSnows.isNotEmpty) {
_state._rainSnows.forEach((element) {
move(element);
ui.Offset offset = ui.Offset(element.x, element.y);
canvas.save();
canvas.scale(element.scale, element.scale);
var identity = ColorFilter.matrix([
1, 0, 0, 0, 0,
0, 1, 0, 0, 0,
0, 0, 1, 0, 0,
0, 0, 0, element.alpha, 0,
]);
_paint.colorFilter = identity;
canvas.drawImage(image, offset, _paint);
canvas.restore();
});
}
}
}
复制代码
这里绘制逻辑只用到了 drawImage 的方法,参数分别为图片、位置和画笔,不像 Android 提供了 paint.setAlpha() 的方法控制图片的透明值,这里需要通过 colorFilter 修改矩阵中对应的值来控制 alpha。
move() 函数用于控制雨滴在运动过程中 x和y 值的不断变化。
void move(RainSnowParams params) {
params.y = params.y + params.speed;
if (WeatherUtil.isSnow(_state.widget.weatherType)) {
double offsetX = sin(params.y / (300 + 50 * params.alpha)) * (1 + 0.5 * params.alpha);
params.x += offsetX;
}
if (params.y > 800 / params.scale) {
params.y = 0;
if (WeatherUtil.isRainy(_state.widget.weatherType) &&
_state._images.isNotEmpty &&
_state._images[0] != null) {
params.y = -_state._images[0].height.toDouble();
}
params.reset();
}
}
复制代码
Android核心知识点
面试成功其实是必然的,因为我做足了充分的准备工作,包括刷题啊,看一些Android核心的知识点,看一些面试的博客吸取大家面试的一些经验。
下面这份PDF是我翻阅了差不多3个月左右一些Android大博主的博客从他们那里取其精华去其糟泊所整理出来的一些Android的核心知识点,全部都是精华中的精华,我能面试到现在2-2资深开发人员跟我整理的这本Android核心知识点有密不可分的关系,在这里本着共赢的心态分享给各位朋友。
不管是Android基础还是Java基础以及常见的数据结构,这些是无原则地必须要熟练掌握的,尤其是非计算机专业的同学,面试官一上来肯定是问你基础,要是基础表现不好很容易被扣上基础不扎实的帽子,常见的就那些,只要你平时认真思考过基本上面试是没太大问题的。
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上我搜集整理的2019-2021BAT 面试真题解析,我把大厂面试中常被问到的技术点整理成了PDF,包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!
问到的技术点**整理成了PDF,包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!