【Android】给我一个Path,还你一个动画讲述.doc

【Android】 给我一个Path，还你一个动画 一 概述 原本只是想模仿一下我魂牵梦萦的StoreHouse效果，没想到意外撸出来一个工具库。 最简单用法，给我一个path（可以有多段），我还你一个动画。 I have a path.I have a view. (Oh~),Path(Anim)View. com.mcxtzhang.pathanimlib.PathAnimView android:id=@+id/pathAnimView1 android:layout_width=wrap_content android:layout_height=60dp android:background=@color/blue android:padding=5dp/ Path sPath = new Path(); sPath.moveTo(0, 0); sPath.addCircle(40, 40, 30, Path.Direction.CW); pathAnimView1.setSourcePath(sPath); 先看效果图：(真机效果更棒哦，我自己的手机是去年某款599的手机，算是低端的了，6个View一起动画，不会卡，查看GPU呈现模式，95%时间都处于16ms线以下。性能还可以的) 其中 图1 是普通逐渐填充的效果，无限循环。 图2 是仿StoreHouse 残影流动效果。（??与原版并不是完全一模一样，估计原版不是用Path做的） 图3 是逐渐填充的效果，设置了只执行一次。 图4 是仿StoreHouse效果。数据源来自R.array.xxxx 图5 是另一种自定义PathAnimHelper实现的自定义动画效果。类似Android L+ 系统进度条效果。 图6 是仿StoreHouse效果，但是将动画时长设置的很大，所以能看到它逐渐的过程。 参数 目前可配参数： 1 绘制方面，支持绘制Path的前景 背景色。 //设置颜色 fillView2.setColorBg(Color.WHITE).setColorFg(Color.BLACK); 2 动画方面，目前支持设置动画的时长，是否无限循环等。 //设置了动画总时长，只执行一次的动画 fillView2.setAnimTime(3000).setAnimInfinite(false).startAnim(); 3 仿StoreHouse风格的View，还支持设置残影的长度。 //设动画时长，设置了stoneHouse残影长度 storeView3.setPathMaxLength(1200).setAnimTime(20000).startAnim(); 4 当然你可以拿到Paint自己搞事情： //当然你可以自己拿到Paint，然后搞事情，我这里设置线条宽度 pathAnimView1.getPaint().setStrokeWidth(10); 数据源： PathAnimView的数据源是Path。（给我一个Path，还你一个动画View） 所以内置了几种将别的资源-Path的方法。 1 直接传string。 StoreHouse风格支持的A-Z,0-9 “.” “- ” ” “（源自百万大神的库文末也有鸣谢，） //根据String 转化成Path setSourcePath(PathParserUtils.getPathFromArrayFloatList(StoreHousePath.getPath(ZhangXuTong, 1.1f, 16))); 2 定义在R.array.xxx里 //动态设置 从StringArray里取 storeView2.setSourcePath(PathParserUtils.getPathFromStringArray(this, R.array.storehouse, 3)); 3 简单的SVG(半成品) 以前从gayHub上找了一个SVG-PATH的转换类：SvgPathParser，现在派上了用场，简单的SVG-PATH，可以，复杂的还有问题，还需要继续寻找更加方案。 //SVG转-》path //还在完善中，我从github上找了如下工具类，发现简单的SVG可以转path，复杂点的 就乱了 /* SvgPathParser svgPathParser = new SvgPathParser(); try {