android 底部动画,android动画深入解析--仿58底部导航的item动画

我们在开发android的过程中,合理使用动画能够提高用户体验,带给用户耳目一新的感觉。因此我们应该掌握android的动画使用。我在开发的过程中,很少自己写动画,在github搜基本可以满足要求,但是本着打破砂锅问到底的小强精神,知其然更要知其所以然,我决定还是好好看看文档,深入的学习一下动画吧,我始终相信在复杂的动画也是有简单的动画构成的,学好基本功。从简单到复杂。

首先我去看看了官方的文档,大概要学的东西就是这些。

AccelerateDecelerateInterpolator

AccelerateInterpolator

AlphaAnimation

Animation

Animation.Description

AnimationSet

AnimationUtils

AnticipateInterpolator

AnticipateOvershootInterpolator

BounceInterpolator

CycleInterpolator

DecelerateInterpolator

GridLayoutAnimationController

GridLayoutAnimationController.AnimationParameters

LayoutAnimationController

LayoutAnimationController.AnimationParameters

LinearInterpolator

OvershootInterpolator

RotateAnimation

ScaleAnimation

TranslateAnimation

整理了一下,animation的结构如下:

220394_0.png

官方给我们提供的动画类型,看图一目了然,当然还有属性动画,之后再说。官方给我了我们这些基础动画,配上一下各种(InterpolatZ喎�"https://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcqOpvNPL2cb3o6zX6brPs8m63Lbgv+HsxbXEtq+7raGjvfHM7M7Sw8fSqs+41sLLtbXEysd0d2VlbmQgYW5pbWF0aW9u1tC1xFJvdGF0ZUFuaW1hdGlvbqGjPGJyIC8+DQo8aW1nIGFsdD0="这里写图片描述" src="https://www.2cto.com/uploadfile/Collfiles/20151009/2015100908382956.png" title="" />

参照上图,默认的旋转点是view的(0,0),顺时针旋转角度为正,逆时针角度为负,开始角度fromDegrees,结束角度toDegrees。比如:

fromDegree 为30,toDegrees为60,那么旋转的角度是60-30 = 30。

fromDegrees为30,投Degrees为-30,那么旋转的角度是30-(-30)= 60

说清楚的角度的问题,再来讲旋转点,如何控制旋转点的位置呢?

public RotateAnimation (float fromDegrees, float toDegrees, float pivotX, float pivotY)

看一下构造函数,RotateAnimation 用 float pivotX, float pivotY这两个参数来控制旋转点。比如pivotX设为50%,pivotY设为50%,意思就是围绕view本身的中心旋转。

下面我们看一个example,58同城app上底部导航栏的item动画。很简单的一个动画,但是用着一点都不违和,很有耳目一新的感觉。

下面给出xml代码:

cycle_shake.xml

这个cycleInterpolator 是用来重复动画3次。

shake.xml

差不多了,解释一下interpolator,这是一个时间插值类,定义动画变换的速度。能够实现alpha/scale/translate/rotate动画的加速、减速和重复等。Interpolator类其实是一个空接口,继承自TimeInterpolator,TimeInterpolator时间插值器允许动画进行非线性运动变换,如加速和限速等,该接口中只有接口中有一个方法 float getInterpolation(float input)这个方法。传入的值是一个0.0~1.0的值,返回值可以小于0.0也可以大于1.0。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值