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 

相关文章： 网站制作免费,什么网站能看正片电影？  外贸公司网站制作哪家好,maersk船公司官网？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  如何用西部建站助手快速创建专业网站？  太平洋网站制作公司,网络用语太平洋是什么意思？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  如何在云服务器上快速搭建个人网站？  家庭服务器如何搭建个人网站？  如何在Windows服务器上快速搭建网站？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  油猴 教程,油猴搜脚本为什么会网页无法显示？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  制作网站的软件免费下载,免费制作app哪个平台好？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  如何快速选择适合个人网站的云服务器配置？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  威客平台建站流程解析：高效搭建教程与设计优化方案  东莞专业制作网站的公司,东莞大学生网的网址是什么？  如何选择美橙互联多站合一建站方案？  建站之星代理如何优化在线客服效率？  ,柠檬视频怎样兑换vip？  宝塔面板创建网站无法访问？如何快速排查修复？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  如何获取开源自助建站系统免费下载链接？  一键网站制作软件,义乌购一件代发流程？  如何通过多用户协作模板快速搭建高效企业网站？  网站制作价目表怎么做,珍爱网婚介费用多少？  如何通过服务器快速搭建网站？完整步骤解析  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  如何配置WinSCP新建站点的密钥验证步骤？  ,南京靠谱的征婚网站？  已有域名和空间如何快速搭建网站？  建站之星上传入口如何快速找到？  无锡营销型网站制作公司,无锡网选车牌流程？  c++ stringstream用法详解_c++字符串与数字转换利器  如何快速搭建自助建站会员专属系统？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  如何在搬瓦工VPS快速搭建网站？  如何用5美元大硬盘VPS安全高效搭建个人网站？  如何做静态网页,sublimetext3.0制作静态网页？  高防服务器如何保障网站安全无虞？  制作电商网页,电商供应链怎么做？  如何快速搭建支持数据库操作的智能建站平台？  已有域名和空间，如何快速搭建网站？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  C#怎么创建控制台应用 C# Console App项目创建方法  如何在VPS电脑上快速搭建网站？