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

上一篇《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 

相关文章： 建站之星代理如何获取技术支持？  怎么将XML数据可视化 D3.js加载XML  如何在企业微信快速生成手机电脑官网？  浅谈Javascript中的Label语句  大型企业网站制作流程,做网站需要注册公司吗？  购物网站制作公司有哪些,哪个购物网站比较好？  如何快速登录WAP自助建站平台？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  如何在橙子建站中快速调整背景颜色？  网站制作企业,网站的banner和导航栏是指什么？  如何用西部建站助手快速创建专业网站？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  如何通过建站之星自助学习解决操作问题？  网站制作员失业,怎样查看自己网站的注册者？  建站主机选购指南：核心配置与性价比推荐解析  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  网站制作壁纸教程视频,电脑壁纸网站？  制作营销网站公司,淘特是干什么用的？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  重庆市网站制作公司,重庆招聘网站哪个好？  太平洋网站制作公司,网络用语太平洋是什么意思？  如何自定义建站之星网站的导航菜单样式？  如何高效完成独享虚拟主机建站？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何通过万网虚拟主机快速搭建网站？  如何快速辨别茅台真假？关键步骤解析  c# 在ASP.NET Core中管理和取消后台任务  建站之星安全性能如何？防护体系能否抵御黑客入侵？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  如何用VPS主机快速搭建个人网站？  常州自助建站工具推荐：低成本搭建与模板选择技巧  想学网站制作怎么学,建立一个网站要花费多少？  如何通过可视化优化提升建站效果？  PHP 500报错的快速解决方法  如何快速上传自定义模板至建站之星？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  如何在阿里云虚拟服务器快速搭建网站？  如何通过虚拟主机空间快速建站？  如何在阿里云通过域名搭建网站？  如何在云主机上快速搭建多站点网站？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  大同网页,大同瑞慈医院官网？  ,有什么在线背英语单词效率比较高的网站？