Android自定义View实现多片叶子旋转滑动(五)

发布时间 - 2026-01-11 00:19:13    点击率:

上一篇《Android 自定义View(四) 叶子飘动+旋转效果》实现了单片叶子的滑动及旋转,下面实现多片叶子的滑动旋转功能

实现思路比较简单,就是添加一个叶子Leaf类,储存每片叶子的信息,

然后随机产生叶子的坐标及旋转角度,最后实时获取每片叶子信息,添加到画布中

1、Leaf.java 叶子类

 private class Leaf {
  // 叶子的坐标
  float x, y;
  // 旋转角度
  int rotateAngle;
  // 起始时间(ms)
  long startTime;
 }

2、初始化每片叶子的信息,然后保存到list中

 //使叶子初始时间有间隔
 int addTime;
 private Leaf getLeaf() {
  Random random = new Random();
  Leaf leaf = new Leaf();
  //随机初始化叶子初始角度
  leaf.rotateAngle = random.nextInt(360);
  //随机初始化叶子启动时间
  addTime += random.nextInt((int) (cycleTime));
  leaf.startTime = System.currentTimeMillis() + cycleTime + addTime;
  return leaf;
 }
 private List<Leaf> getLeafs(int leafSize) {
  List<Leaf> list = new LinkedList<Leaf>();
  for (int i=0; i<leafSize; i++) {
   list.add(getLeaf());
  }
  return list;
 }

3、接下去就是改写getLocation()及getRotate()方法,使其返回每片叶子的坐标及旋转角度

 //获取每片叶子在XY轴上的滑动值
 private void getLocation(Leaf leaf) {
  float betweenTime = leaf.startTime - System.currentTimeMillis();
  //周期结束再加一个cycleTime
  if(betweenTime < 0) {
   leaf.startTime = System.currentTimeMillis() + cycleTime + new Random().nextInt((int) (cycleTime));
   betweenTime = cycleTime;
  }
  //通过时间差计算出叶子的坐标
  float fraction = (float) betweenTime / cycleTime;
  float x = (int)(width * fraction);
  leaf.x = x;
  float w = (float) ((float) 2 * Math.PI / width);
  int y = (int) (18 * Math.sin(w * x)) + (height-mLeafHeight)/2;
  leaf.y = y;

 }

 //获取每片叶子的旋转角度
 private void getRotate(Leaf leaf) {
  float scale = ((leaf.startTime - System.currentTimeMillis())%cycleTime)/ (float)cycleTime;
  int rotate = (int)(scale * 360);
  leaf.rotateAngle = rotate;
 }

4、在onDraw()方法中,画出每片叶子

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //画叶子
  int size = leafList.size();
  for (int i=0; i<size; i++) {
   Leaf leaf = leafList.get(i);
   //获取叶子坐标
   getLocation(leaf);
   //获取叶子旋转角度
   getRotate(leaf);
   canvas.save();
   Matrix matrix = new Matrix();
   //设置滑动
   matrix.postTranslate(leaf.x, leaf.y);
   //设置旋转
   matrix.postRotate(leaf.rotateAngle, leaf.x + mLeafWidth / 2, leaf.y + mLeafHeight / 2);
   //添加叶子到画布
   canvas.drawBitmap(mLeafBitmap, matrix, new Paint());
   canvas.restore();
  }
  //调用onDraw()重复滑动
  postInvalidate();
 }

完整代码:

public class LeafView extends View {
 private String TAG = "--------LeafView";
 private Resources mResources;
 //背景图、叶子
 private Bitmap mLeafBitmap, bgBitmap;
 //整个控件的宽度和高度
 private int width, height;
 private Paint bgPaint;
 private RectF bgRect;
 private Rect bgDestRect;
 //存放叶子lsit
 private List<Leaf> leafList;
 //叶子的宽和高
 private int mLeafWidth, mLeafHeight;
 //叶子滑动一周的时间5秒
 private final static long cycleTime = 5000;
 //叶子数量
 private final static int leafNumber = 5;
 public LeafView(Context context, AttributeSet attrs) {
  super(context, attrs);
  mResources = getResources();
  mLeafBitmap = ((BitmapDrawable) mResources.getDrawable(R.drawable.leaf, null)).getBitmap();
  mLeafWidth = mLeafBitmap.getWidth();
  mLeafHeight = mLeafBitmap.getHeight()

  bgBitmap = ((BitmapDrawable) mResources.getDrawable(R.drawable.leaf_kuang, null)).getBitmap();
  bgPaint = new Paint();
  bgPaint.setColor(mResources.getColor(R.color.bg_color));
  //获取所有叶子的信息,放入list
  leafList = getLeafs(leafNumber);
 }

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  width = w;
  height = h;
  bgDestRect = new Rect(0, 0 , width, height);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  bgRect = new RectF(0, 0 , width, height);
  //画背景颜色到画布
  canvas.drawRect(bgRect, bgPaint);
  //画背景图片到画布
  canvas.drawBitmap(bgBitmap, null, bgDestRect, null);

  //画叶子
  int size = leafList.size();
  for (int i=0; i<size; i++) {
   Leaf leaf = leafList.get(i);
   //获取叶子坐标
   getLocation(leaf);
   //获取叶子旋转角度
   getRotate(leaf);
   canvas.save();
   Matrix matrix = new Matrix();
   //设置滑动
   matrix.postTranslate(leaf.x, leaf.y);
   //设置旋转
   matrix.postRotate(leaf.rotateAngle, leaf.x + mLeafWidth / 2, leaf.y + mLeafHeight / 2);
   //添加叶子到画布
   canvas.drawBitmap(mLeafBitmap, matrix, new Paint());
   canvas.restore();
  }
  //调用onDraw()重复滑动
  postInvalidate();
 }

 //获取每片叶子在XY轴上的滑动值
 private void getLocation(Leaf leaf) {
  float betweenTime = leaf.startTime - System.currentTimeMillis();
  //周期结束再加一个cycleTime
  if(betweenTime < 0) {
   leaf.startTime = System.currentTimeMillis() + cycleTime + new Random().nextInt((int) (cycleTime));
   betweenTime = cycleTime;
  }
  //通过时间差计算出叶子的坐标
  float fraction = (float) betweenTime / cycleTime;
  float x = (int)(width * fraction);
  leaf.x = x;
  float w = (float) ((float) 2 * Math.PI / width);
  int y = (int) (18 * Math.sin(w * x)) + (height-mLeafHeight)/2;
  leaf.y = y;
 }

 //获取每片叶子的旋转角度
 private void getRotate(Leaf leaf) {
  float scale = ((leaf.startTime - System.currentTimeMillis())%cycleTime)/ (float)cycleTime;
  int rotate = (int)(scale * 360);
  leaf.rotateAngle = rotate;
 }

 private class Leaf {
  // 叶子的坐标
  float x, y;
  // 旋转角度
  int rotateAngle;
  // 起始时间(ms)
  long startTime;
 }

 private List<Leaf> getLeafs(int leafSize) {
  List<Leaf> list = new LinkedList<Leaf>();
  for (int i=0; i<leafSize; i++) {
   list.add(getLeaf());
  }
  return list;
 }

 //使叶子初始时间有间隔
 int addTime;
 private Leaf getLeaf() {
  Random random = new Random();
  Leaf leaf = new Leaf();
  leaf.rotateAngle = random.nextInt(360);
  addTime += random.nextInt((int) (cycleTime));
  leaf.startTime = System.currentTimeMillis() + cycleTime + addTime;
  return leaf;
 }
}

这里还有很多瑕疵,比如叶子的滑动范围覆盖了边框等等

需要图片等信息的可以从下面的Github地址下载,不过原文比较复杂

参考 https://github.com/Ajian-studio/GALeafLoading

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# Android  # View  # 旋转  # 滑动  # android中Bitmap用法(显示  # 保存  # 缩放  # 旋转)实例分析  # Android使用Matrix旋转图片模拟碟片加载过程  # Android自定义View实现叶子飘动旋转效果(四)  # Android中利用matrix 控制图片的旋转、缩放、移动  # Android 图片缩放与旋转的实现详解  # Android UI之ImageView实现图片旋转和缩放  # Android实现图片反转、翻转、旋转、放大和缩小  # 基于Android 实现图片平移、缩放、旋转同时进行  # Android实现旋转  # 放大  # 缩小图片的方法  # Android实现Bitmap位图旋转效果  # 再加  # 计算出  # 自定义  # 使其  # 上一篇  # 还有很多  # 画出  # 大家多多  # 接下去  # 实现了  # add  # leafSize  # LinkedList  # getRotate  # getLocation  # studio  # return  # currentTimeMillis  # System  # List 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Python文件异常处理策略_健壮性说明【指导】  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  Python自动化办公教程_ExcelWordPDF批量处理案例  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  PythonWeb开发入门教程_Flask快速构建Web应用  如何基于云服务器快速搭建个人网站?  iOS正则表达式验证手机号、邮箱、身份证号等  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  javascript读取文本节点方法小结  laravel怎么通过契约(Contracts)编程_laravel契约(Contracts)编程方法  JavaScript数据类型有哪些_如何准确判断一个变量的类型  网站建设要注意的标准 促进网站用户好感度!  如何在Tomcat中配置并部署网站项目?  如何快速生成ASP一键建站模板并优化安全性?  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  如何在云主机上快速搭建网站?  高性价比服务器租赁——企业级配置与24小时运维服务  JavaScript实现Fly Bird小游戏  网站制作免费,什么网站能看正片电影?  JavaScript如何实现继承_有哪些常用方法  如何在 Pandas 中基于一列条件计算另一列的分组均值  微信小程序 scroll-view组件实现列表页实例代码  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  郑州企业网站制作公司,郑州招聘网站有哪些?  消息称 OpenAI 正研发的神秘硬件设备或为智能笔,富士康代工  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  linux写shell需要注意的问题(必看)  利用python获取某年中每个月的第一天和最后一天  如何在腾讯云免费申请建站?  浅析上传头像示例及其注意事项  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  清除minerd进程的简单方法  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  Python并发异常传播_错误处理解析【教程】  活动邀请函制作网站有哪些,活动邀请函文案?  Laravel如何使用Sanctum进行API认证?(SPA实战)  深圳网站制作平台,深圳市做网站好的公司有哪些?  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  微信小程序 wx.uploadFile无法上传解决办法