Hi,欢迎来到华清远见移动互联网学院官网!国内王牌Android培训、JavaEE培训、HTML5培训、UI培训、JAVA培训、VR培训机构!

  • 400-706-1880
  • 新浪微博
  • 微信
您当前的位置:移动互联网学院 > Android开发 > Android loading动画设计分析

Android loading动画设计分析

时间:2017-04-20 13:08 来源:Android开发学习网

android6.0上有了很炫酷的开机动画,实现原理是什么呢?今天我们就从LoadingDrawable库入手对Android loading动画设计进行一下简单的分析。

Android loading动画设计分析

Android loading动画原理分析

android中的动画最后实现都是canvas上绘制,这些动画也不例外,不得不说作者真是运用 Drawable , ValueAnimator , Canvas 到了极致。库中有很多个实现,下面选scenery中的DayNightLoading动画分析其实现过程。

整体设计流程分析

LoadingView是最终在layout文件中的自定义view,继承ImageView,使用如下:

<app.dinus.com.loadingdrawable.LoadingView

android:id="@+id/day_night_view"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"

android:background="#ff071c28"

app:loading_renderer="DayNightLoadingRenderer" />

发现自定义属性DayNightLoadingRenderer,通过这里传入的参数,在构造方法中使用工厂方法LoadingRendererFactory.createLoadingRenderer(context, loadingRendererId)构造相应的LoadingRenderer通过setLoadingRenderer()创建 LoadingDrawable,LoadingDrawable继承于Drawable,最后调用setImageDrawable 显示。

LoadingView就是基本自定义view的流程,进入LoadingDrawable发现:

private final Callback mCallback = new Callback() {

@Override

public void invalidateDrawable(Drawable d) {

invalidateSelf();}

@Override

public void scheduleDrawable(Drawable d, Runnable what, long when) {

scheduleSelf(what, when);}

@Override

public void unscheduleDrawable(Drawable d, Runnable what) {

unscheduleSelf(what);

}};

Android中的Callback太多了,我承认自己很low这个没见过...,啪啪啪(鼠标声)点进源码看看这是什么鬼,是 android.graphics.drawable.Drawable 中的静态接口,注释写的很明白 如果想做一个动画的drawable,这个drawable又继承于{@link android.graphics.drawable.Drawable Drawable},那么就实现这个接口就好了,自定义的drawable通过setCallback后能schedule并execute动画的变化 ,那就很明确了,这就是个动画Drawable用来不断绘制自己的接口,自定义Drawable需要set。 LoadingDrawable 中为了完成动画的各个状态变化,直接实现了 Animatable 接口。

接下来看 LoadingRenderer 类,是个抽象类,那肯定就是为了后续拓展各种Renderer而设计成抽象类。类中定义了缺省的大小和动画时间,如何实现动画的插值器呢,这里使用了 ValueAnimator ,是属性动画的一种,其缺省插值器是 AccelerateDecelerateInterpolator ,通过 mRenderAnimator.addUpdateListener 更新动画的当前值,并重绘,具体为监听过程调用 computeRender((float) animation.getAnimatedValue()); 与 invalidateSelf(); 。

这里顺带提一下 LoadingRendererFactory ,工厂类,工厂类采用 SparseArray 存放id与对应的类,通过反射获取相应的类构造函数,从而获取相应的对象。

到了关键人物 DayNightLoadingRenderer ,继承抽象类LoadingRenderer。

分析DayNightLoadingRenderer

mInitSun$MoonCoordinateY 关键变量1,太阳和月亮升起的起始位置。

mMaxSun$MoonRiseDistance 关键变量2,上升的最大距离。

那么问题来了,drawable是如何知道什么时候绘制什么曲线的呢,draw中给出答案:

if (mSunCoordinateY < mInitSun$MoonCoordinateY) {

canvas.drawCircle(arcBounds.centerX(),

mSunCoordinateY, mSun$MoonRadius, mPaint);

}

if (mMoonCoordinateY < mInitSun$MoonCoordinateY) {

int moonSaveCount = canvas.save();

canvas.rotate(mMoonRotation, arcBounds.centerX(), mMoonCoordinateY);

canvas.drawPath(createMoonPath(arcBounds.centerX(), mMoonCoordinateY), mPaint);

canvas.restoreToCount(moonSaveCount);

}

是按照太阳和月亮的当前高度与初始位置高度 的 相对位置判断如何绘制图形。具体canvas的知识这里就不详细介绍了,网上很多。

还记得刚才 computeRender((float) animation.getAnimatedValue()) 与 invalidateSelf() 吧,这里实现了computeRender:

if (renderProgress <= SUN_RISE_DURATION_OFFSET) {...}

if (renderProgress <= SUN_ROTATE_DURATION_OFFSET && renderProgress > SUN_RISE_DURATION_OFFSET) {...}

if (renderProgress <= MOON_DECREASE_END_DURATION_OFFSET && renderProgress > MOON_DECREASE_START_DURATION_OFFSET) {...}

这里清一色通过renderProgress来判断当前动画的进度,当前类中定义了动画的一些关键点,比如: SUN_DECREASE_DURATION_OFFSET 、 STAR_RISE_START_DURATION_OFFSET 等,这些代表太阳落下、星星升起等等。通过关键点的判断改变太阳、月亮、星星的一些属性及太阳、月亮的y轴位置。最后不断重新计算render,不断invalidateSelf,实现整个动画。

Android loading动画设计分析总结

想要做好Android loading动画设计,熟悉drawable、valueAnimator、callback是基础,但是实现动画的具体变换计算、如何绘制才是重点,这得一点点调出来。

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
最新开班
  • 北京

    010-82600385/6

    北京市海淀区西三旗悦秀路北京明园大学校内

  • 上海

    021-54485127

    上海市徐汇区漕溪路250号银海大楼11层

  • 深圳

    0755-25590506

    深圳市龙华新区人民北路美丽AAA大厦15层

  • 成都

    028-85405115

    成都武侯区科华北路99号科华大厦2层

  • 南京

    025-86551900

    南京市白下区汉中路185号鸿运大厦11层

  • 武汉

    027-87804688

    武汉工程大学卓刀泉校区科技孵化器大楼11层

  • 西安

    029-88756251

    西安市高新区高新1路12号天公大厦3层

  • 广州

    13332931043

    广州市天河区中山大道268号天河广场3层

  • 沈阳

    024-24349000

    沈阳市沈河区北顺城路137号锦峰大厦7层

  • 济南

    0531-88898293

    济南市高新区舜华路三庆世纪财富中心B3座6层

  • 重庆

    023-68064704

    重庆市九龙坡区渝州路87号双薪时代九楼

  • 长沙

    186-2758-2830

    长沙市开福区芙蓉中路海东青大厦B座11楼

Copyright 2004-2017 华清远见教育集团 版权所有,沪ICP备10038863号-3,京公海网安备110108001117号