前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >android 补间动画

android 补间动画

作者头像
水击三千
发布2018-02-27 17:29:39
7120
发布2018-02-27 17:29:39
举报
文章被收录于专栏:水击三千水击三千

android开发过程中,为了更好的展示应用程序,应用程序添加动画,能够很好地实现这个功能。如果动画中的图像变化有一定的规律,可以采用自动生成图像的方式来生成动画,例如图像的移动、旋转、缩放等。自动生成中间图像的动画,补间动画,只需指定第一帧和最后一帧。

补间动画的优点是节省硬盘空间,缺点是,无法生成复杂的动画。本文主要介绍经常用到的四种补间动画:移动、缩放、旋转、透明度。

1.移动补间动画

移动是比较常见的动画效果。通过xml文件或者java代码能够实现补间动画的移动效果。在res/anim,文件中新建test_translate.xml文件。

代码语言:javascript
复制
1 <?xml version="1.0" encoding="utf-8"?>
2 <set xmlns:android="http://schemas.android.com/apk/res/android">
3     <translate xmlns:android="http://schemas.android.com/apk/res/android"  
4     android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
5     android:fromXDelta="0" android:toXDelta="320" android:fromYDelta="0" android:toYDelta="0" >
6         
7     </translate>
8 
9 </set>

 android:interpolator:表示动画渲染器。可以设置3个动画渲染器:accelerate_decelerate_interpolator(动画加速减速器),先加速,再减速;accelerate_interpolator(动画加速器),动画开始时比较慢,逐渐加速;decelerate_interpolator(动画减速器):动画开始时最快,逐渐减速。

android:fromXDelta:动画起点位置的横坐标;

android:fromYDelta:动画起点位置的纵坐标;

android:toXDelta:动画终点位置的横坐标;

android:toYDelta:动画终点位置的纵坐标。

android:duration:动画的持续时间,单位是毫秒。动画在指定的时间内,从起点移动到终点。

补间动画通过AnimationUtils.loadAnimation(this,int resid)来装载补间动画,setAnimation为控件绑定动画,animation.start(),启动动画,animation.setRepeatCount(Animation.INFINITE);循环显示动画。

补间动画的三个状态:动画开始、动画结束、动画循环。监听状态的接口AnimationListener,3个方法为:onAnimationStart、onAnimationEnd、onAnimationRepeat。

2.缩放补间动画

通过<scale>标签定义缩放补间动画。

代码语言:javascript
复制
1     <scale
2         android:interpolator="@android:anim/accelerate_interpolator"
3         android:fromXScale="1.0"
4         android:fromYScale="0.0"
5         android:toXScale="0.0"
6         android:toYScale="1.0"
7         android:duration="400">
8         
9     </scale>

该段代码实现数据从上往下的展开。

 android:fromXScale:表示沿X轴缩放的起始比例。

 android:fromYScale:表示沿Y轴缩放的起始比例。

 android:toXScale:表示沿x轴缩放的结束比例

 android:toYScale:表示沿y轴缩放的结束比例

 android:pivotX:沿x轴缩放的支点位置

 android:pivotY:沿y轴缩放的支点位置

3.旋转补间动画

通过<roate>标签可以定义旋转补间动画。

代码语言:javascript
复制
1     <rotate  android:interpolator="@android:anim/accelerate_interpolator"
2         android:fromDegrees="0"
3         android:toDegrees="150"
4         android:pivotX="50%"
5         android:pivotY="50%"
6         android:duration="10000"
7         android:repeatMode="restart"
8         android:repeatCount="infinite"/>

android:fromDegrees:旋转的起始角度。

 android:toDegrees:旋转的结束角度

android:repeatCount:设置旋转的次数。该属性需要设置一个整数值,如果为0,则表示不循环。

android:repeatMode:设置重复的模式。restart,表示重新开始循环。reverse,表示偶数次显示动画会与动画文件定义的方向相反。

4.透明度补间动画

通过  <alpha />标签设置透明度补间动画。

代码语言:javascript
复制
1     <alpha android:interpolator="@android:anim/accelerate_interpolator" 
2         android:fromAlpha="1.0" android:toAlpha="0.2" android:duration="2000"/>

 android:fromAlpha:动画的起始透明度

android:toAlpha:动画结束的透明度

属性值在0.0-1.0之间,0.0为完全透明,1.0表示不透明。

android 还有一个振动动画渲染器 cycle_interpolator.

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014-12-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档