Android 轮子之下雪效果

2023-11-21 12:41
文章标签 android 效果 之下 轮子

本文主要是介绍Android 轮子之下雪效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Android 轮子之下雪动画效果

  • 自定义圆
  • 创建300个随机大小的白色圆并绘制
  • 添加动画

先来看看今天的效果吧:
在这里插入图片描述
还是咋们的老套路,先来分析一波:

  • 效果图中的雪花其实是一些白色的圆
  • 随机大小的圆
  • 一直向下移动,其实是y轴向下
  • 有左右飘动的效果,其实是x轴左右飘动

自定义圆

public class SnowFlakeView extends View {private int height;//屏幕高private int width;//屏幕宽public SnowFlakeView(Context context) {this(context, null);}public SnowFlakeView(Context context, @Nullable AttributeSet attrs) {this(context, attrs, 0);}//定义画笔Paint paint = new Paint();public SnowFlakeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);paint.setColor(Color.WHITE);//设置画笔颜色paint.setAntiAlias(true);//设置画笔去锯齿}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);//画圆canvas.drawCircle(100,100,50,paint);}@Override//计算布局大小protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int widthmeasure = measure(widthMeasureSpec);int heightmeasure = measure(heightMeasureSpec);setMeasuredDimension(widthmeasure,heightmeasure);}private int measure(int measureSpec) {int result = 0;int specMode = MeasureSpec.getMode(measureSpec);int specSize = MeasureSpec.getSize(measureSpec);if (specMode == MeasureSpec.UNSPECIFIED) {result = 200;} else {result = specSize;}return result;}
}

效果图(1.1):
在这里插入图片描述

这段代码很简单,就是绘制了一个dx == 100 dy == 100半径为50的白色圆,就不解释了

接下来使用Bean类写:

class SnowBean {//坐标  用来记录x和yPosition position new Position(100,100) ;//大小 用来记录半径大小double size = 50;public double getSize() {return size;}public void setSize(double size) {this.size = size;}public Position getPosition() {return position;}public void setPosition(Position position) {this.position = position;}//用来记录x 和 y	static class Position {double x;double y;public Position(double x, double y) {this.x = x;this.y = y;}}
}

重新绘制View

public class SnowFlakeView extends View {.....@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);SnowBean snowBean = new SnowBean();canvas.drawCircle((float)snowBean.position.x,(float)snowBean.position.y, (float) snowBean.size,paint);}
}

效果图(1.2):
在这里插入图片描述

可以看到效果图(1.2)和效果图(1.1)是一模一样的~

到这里就非常nice了,接下来创建圆

创建300个随机大小的白色圆并绘制

public class SnowFlakeView extends View {private int height;//屏幕高private int width;//屏幕宽.....public SnowFlakeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);paint.setColor(Color.WHITE);paint.setAntiAlias(true);//获取屏幕宽度Resources resources = this.getResources();DisplayMetrics dm = resources.getDisplayMetrics();width = dm.widthPixels;height = dm.heightPixels;//初始化数据initData();}//初始化雪花private void initData() {new  Thread(new Runnable() {@Overridepublic void run() {for (int i = 0; i < 300; i++) {SnowBean snowBean = new SnowBean();//随机起始位置  mRandom.nextDouble()取值为0-1snowBean.setPosition(new SnowBean.Position(mRandom.nextDouble() * width, mRandom.nextDouble() * height));//随机偏移幅度   mRandom.nextDouble()取值为0-1snowBean.setDeviation(mRandom.nextDouble() + 2);//随机雪花大小  mRandom.nextDouble()取值为0-1  得到5-10之间的公式: mRandom.nextInt(MAX - MIN + 1) + MIN;snowBean.setSize(mRandom.nextInt(10 - 5 + 1) + 5);mList.add(snowBean);}}}).start();}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);//循环绘制雪花!for (int i = 0; i < mList.size(); i++) {SnowBean snowBean = mList.get(i);canvas.drawCircle((float) snowBean.position.x, (float) snowBean.position.y, (float) snowBean.size, paint);}}
}

效果图(1.3):
在这里插入图片描述
接下来让他动起来就可以完成今天的效果啦~

让他动起来肯定用来了动画,这里我们用到了属性动画,有对属性动画不熟悉的朋友可以查看Animation动画(二)PropertyAnimation属性动画

添加动画

public class SnowFlakeView extends View {public SnowFlakeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);.....//初始化数据initData();
//        //刷新数据Refresh();}//使用属性动画public void Refresh() {//设置移动的位置ValueAnimator valueAnimator = ValueAnimator.ofInt(0);//通过addUpdateListener来监听ofInt的变化valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(ValueAnimator animation) {//刷新initRefresh();}});//设置动画模式无限滚动等valueAnimator.setRepeatCount(INFINITE);valueAnimator.setRepeatMode(RESTART);valueAnimator.start();}//刷新private void initRefresh() {for (int i = 0; i < mList.size(); i++) {SnowBean snowBean = mList.get(i);//重新绘制雪花, 新雪花x = 旧的雪花x + 随机偏移度数snowBean.position.x = snowBean.position.x +  snowBean.deviation;//新的雪花y = 旧的雪花y + 雪花下降速度speed + 随机运行速度snowBean.position.y = snowBean.position.y + snowBean.getSpeed();//重置高度 当雪花y出屏幕时 则让他归0重新绘制 height是屏幕高度if (snowBean.position.y > height) {snowBean.position.y = 0;}//重置宽度 当雪花x 出屏幕时,让他归0重新绘制 width是屏幕宽度if (snowBean.position.x > width) {snowBean.position.x = 0;}}//刷新onDrawinvalidate();}
}

咋们先来分析这个方法里面的代码:

 //使用属性动画public void Refresh() {//设置移动的位置ValueAnimator valueAnimator = ValueAnimator.ofInt(0);//通过addUpdateListener来监听ofInt的变化valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(ValueAnimator animation) {//刷新initRefresh();}});//设置动画模式无限滚动等valueAnimator.setRepeatCount(INFINITE);valueAnimator.setRepeatMode(RESTART);valueAnimator.start();}

在这里,主要不是为了使用这个方法,主要是为了使用:

		//设置动画模式无限滚动等valueAnimator.setRepeatCount(INFINITE);valueAnimator.setRepeatMode(RESTART);valueAnimator.start();

这块代码让他无限的滚动,并且通过:

ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(ValueAnimator animation) {//刷新initRefresh();}});

监听,一直不断地重复执行initRefresh();方法,让雪一直动起来~

在来看看initRefresh()方法:

  //刷新private void initRefresh() {for (int i = 0; i < mList.size(); i++) {SnowBean snowBean = mList.get(i);//重新绘制雪花, 新雪花x = 旧的雪花x + 随机偏移度数snowBean.position.x = snowBean.position.x +  snowBean.deviation;//新的雪花y = 旧的雪花y + 雪花下降速度speed + 随机运行速度snowBean.position.y = snowBean.position.y + snowBean.getSpeed();//重置高度 当雪花y出屏幕时 则让他归0重新绘制 height是屏幕高度if (snowBean.position.y > height) {snowBean.position.y = 0;}//重置宽度 当雪花x 出屏幕时,让他归0重新绘制 width是屏幕宽度if (snowBean.position.x > width) {snowBean.position.x = 0;}}//刷新onDrawinvalidate();}

分析:

比如当前的x = 10,y = 10; 那么在第一次刷新的时候

让x加上左右移动的随机数
让y加上随机的下降速度

若现在左右移动的随机数是0.5,下降速度是6,则x坐标变为10.5,y坐标变为16,重新绘制的时候当前的雪花(圆):

从x = 10 , y = 10 变化到x = 10.5 , y = 16

并且使用invalidate()重新绘制onDraw()让雪重新绘制,则达到了一直下雪的效果

		//重置高度 当雪花y出屏幕时 则让他归0重新绘制 height是屏幕高度if (snowBean.position.y > height) {snowBean.position.y = 0;}//重置宽度 当雪花x 出屏幕时,让他归0重新绘制 width是屏幕宽度if (snowBean.position.x > width) {snowBean.position.x = 0;}

若果雪花(圆)移动出屏幕时,则让他的x,和y回到起始位置(0),这样一直循环,雪(圆)也会一直下~

效果图(1.4):

在这里插入图片描述

注:
我的项目之中有和Flutter混合开发的东西,如果你没有Flutter下载LoveView即可,否则的话可能你跑不起来哦~

完整代码

猜你喜欢:

Android 轮子之下雪效果

原创不易,您的点赞就是对我最大的支持,留下您的点赞以及评论吧~

这篇关于Android 轮子之下雪效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/402426。

相关文章

基于Python实现PDF动画翻页效果的阅读器

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主
阅读更多...
React实现原生APP切换效果

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用
阅读更多...
Android数据库Room的实际使用过程总结

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象（DAO）和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类（Entity）3.创建数据访问对象（DAO
阅读更多...
使用Python实现生命之轮Wheel of life效果

使用Python实现生命之轮Wheel of life效果

《使用Python实现生命之轮Wheeloflife效果》生命之轮Wheeloflife这一概念最初由SuccessMotivation®Institute,Inc.的创始人PaulJ.Meyer... 最近看一个生命之轮的视频，让我们珍惜时间，因为一生是有限的。使用python创建生命倒计时图表，珍惜时间
阅读更多...
Android WebView的加载超时处理方案

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
防近视护眼台灯什么牌子好？五款防近视效果好的护眼台灯推荐

防近视护眼台灯什么牌子好？五款防近视效果好的护眼台灯推荐

在家里，灯具是属于离不开的家具，每个大大小小的地方都需要的照亮，所以一盏好灯是必不可少的，每个发挥着作用。而护眼台灯就起了一个保护眼睛，预防近视的作用。可以保护我们在学习，阅读的时候提供一个合适的光线环境，保护我们的眼睛。防近视护眼台灯什么牌子好？那我们怎么选择一个优秀的护眼台灯也是很重要，才能起到最大的护眼效果。下面五款防近视效果好的护眼台灯推荐： 一：六个推荐防近视效果好的护眼台灯的
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2