【Android 动画】View Animation详解(一)
2015-06-23 13:50
543 查看
转自:http://www.apkbus.com/forum.php?mod=viewthread&tid=243404&extra=page%3D1
安卓平台目前提供了两大类动画,在Android 3.0之前,一大类是View Animation,包括Tween animation(补间动画),Frame
animation(帧动画),在android3.0中又引入了一个新的动画系统:property animation,即属性动画。本篇文章主要介绍View Animation的基本使用方法与技巧,属性动画将在下一篇博文中介绍。
Tween动画可以执行一系列简单变换(位置,大小,旋转,缩放和透明度)。所以,如果你有一个TextView对象,您可以移动,旋转,淡入淡出,或缩小文本。如果它有一个背景图像,背景图像会随着文本转化。
一、Frame Animation详解
1.帧动画展示的其实就是多个图片按顺序播放所产生的动画效果,我们一般情况下会在res/drawable/ filename.xml目录建立动画文件,动画文件的格式如下:
[XML] 纯文本查看 复制代码
?
animation-list作为根布局包含了多个item,android:oneshot属性代表如果你只想执行一次动画,那么返回true,否则的话循环执行,返回false。
每一个Item代表单个的动画帧。必须是该动画元素的子元素。android:drawable属性代表该帧的图片,android:duration则代表了持续的时间。
2.实例Demo
1.在res/anim/rocket.xml新建动画文件
[XML] 纯文本查看 复制代码
?
2.这个应用程序为使用该动画文件的组件设置动画(作为一个背景),然后播放动画:
[Java] 纯文本查看 复制代码
?
3.运行效果
一、Tween Animation详解
Tween补间动画主要包含平移,旋转,缩放,渐变四种动画效果,每种动画都可以采用两种方式来实现,一种就是代码直接实现,另一种就是建立xml动画文件的方式来实现,这四种动画除了可以单一实现某一具体动画之外,还可以配合使用,可以通过set标签把各个动画整合在一起,产生更多特效,下面通过一个XML动画文件来详细解释每种动画中各个属性所代表的含义以及注意事项。
[XML] 纯文本查看 复制代码
?
[align=left]set标签可以容纳其他的动画元素,把各个动画放在一个组里执行,代码中是通过AnimationSet来组织。[/align]
android:interpolator属性为插补器,它定义一个动画的变化率。这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减速,重复等。
android:shareInterpolator属性,如果在一个set标签中包含多个动画效果,如果想让这些动画效果共享一个Interpolator,则设置为false,如果不想共享一个interpolator,则设置android:shareInterpolator=”true”,并且需要在每一个单独动画效果处添加interpolator。
[align=left]Alpha代表AlphaAnimation,表示一个淡入淡出动画效果(其实就是透明度)。[/align]
android:fromAlpha表示透明度变化的开始值,其中0是透明,1是不透明的。
android:toAlpha表示透明度变化的结束值,其中0是透明,1是不透明的。
[align=left]Scale代表ScaleAnimation,表示一个缩放动画的效果,你可以通过指定的pivotX和pivoty使图像从它的中心点开始向外(或向内)缩放。例如,如果值是以0,0(左上角)为缩放点,所有的缩放(放大)效果将向下和向右。[/align]
[align=left]android:fromXScale 动画起始时 X坐标上的伸缩尺寸[/align]
[align=left]android:toXScale 动画结束时 X坐标上的伸缩尺寸[/align]
[align=left]android:fromYScale 动画起始时Y坐标上的伸缩尺寸[/align]
[align=left]android:toYScale 动画结束时Y坐标上的伸缩尺寸[/align]
[align=left]int pivotXType 动画在X轴相对于物件位置类型[/align]
[align=left]float pivotXValue 动画相对于物件的X坐标的开始位置[/align]
[align=left]int pivotYType 动画在Y轴相对于物件位置类型[/align]
[align=left]float pivotYValue 动画相对于物件的Y坐标的开始位置[/align]
[align=left]Translate代表TranslateAnimation,表示一个平移的动画效果。[/align]
[align=left]float fromXDelta 动画开始的点离当前View X坐标上的差值[/align]
[align=left]float toXDelta 动画结束的点离当前View X坐标上的差值[/align]
[align=left]float fromYDelta 动画开始的点离当前View Y坐标上的差值[/align]
[align=left]float toYDelta 动画开始的点离当前View Y坐标上的差值[/align]
[align=left]Rotate代表RotateAnimation,表示一个旋转的动画效果。[/align]
[align=left]float fromDegrees:旋转的开始角度。[/align]
[align=left]float toDegrees:旋转的结束角度。[/align]
[align=left]int pivotXType:X轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。[/align]
[align=left]float pivotXValue:X坐标的伸缩值。[/align]
[align=left]int pivotYType:Y轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。[/align]
[align=left]float pivotYValue:Y坐标的伸缩值。[/align]
1.Alpha淡入淡出效果
1-1.代码实现
[Java] 纯文本查看 复制代码
?
1-2.实现效果
2.通过xml动画文件来实现
在res/anim目录下新建alpha.xml文件
[Java] 纯文本查看 复制代码
?
使用该xml动画文件
[Java] 纯文本查看 复制代码
?
2.Scale缩放效果
2-1.代码实现
[Java] 纯文本查看 复制代码
?
2-2.实现效果
2.通过xml动画文件来实现
在res/anim目录下新建scale.xml文件
[Java] 纯文本查看 复制代码
?
使用该xml动画文件
[Java] 纯文本查看 复制代码
?
3.Translate平移效果
3-1.代码实现
[Java] 纯文本查看 复制代码
?
3-2.实现效果
2.通过xml动画文件来实现
在res/anim目录下新建translate.xml文件
[XML] 纯文本查看 复制代码
?
使用该xml动画文件
[Java] 纯文本查看 复制代码
?
4.Rotate旋转效果
4-1.代码实现
[Java] 纯文本查看 复制代码
?
4-2.实现效果
2.通过xml动画文件来实现
在res/anim目录下新建rotate.xml文件
[Java] 纯文本查看 复制代码
?
使用该xml动画文件
[Java] 纯文本查看 复制代码
?
三、通过AnimationSet组合多个动画
1.在anim目录下新建set_anim.xml文件
[Java] 纯文本查看 复制代码
?
2.使用
[Java] 纯文本查看 复制代码
?
3.效果图
此处动画的实现先是平移到底部,然后缩放的同时进行旋转,android:startOffset属性是代表在多少时间之后执行的意思,此处设置为1000毫秒,意思是1000毫秒后执行该动画(即平移完成后执行)。
安卓平台目前提供了两大类动画,在Android 3.0之前,一大类是View Animation,包括Tween animation(补间动画),Frame
animation(帧动画),在android3.0中又引入了一个新的动画系统:property animation,即属性动画。本篇文章主要介绍View Animation的基本使用方法与技巧,属性动画将在下一篇博文中介绍。
Tween动画可以执行一系列简单变换(位置,大小,旋转,缩放和透明度)。所以,如果你有一个TextView对象,您可以移动,旋转,淡入淡出,或缩小文本。如果它有一个背景图像,背景图像会随着文本转化。
一、Frame Animation详解
1.帧动画展示的其实就是多个图片按顺序播放所产生的动画效果,我们一般情况下会在res/drawable/ filename.xml目录建立动画文件,动画文件的格式如下:
[XML] 纯文本查看 复制代码
?
每一个Item代表单个的动画帧。必须是该动画元素的子元素。android:drawable属性代表该帧的图片,android:duration则代表了持续的时间。
2.实例Demo
1.在res/anim/rocket.xml新建动画文件
[XML] 纯文本查看 复制代码
?
[Java] 纯文本查看 复制代码
?
一、Tween Animation详解
Tween补间动画主要包含平移,旋转,缩放,渐变四种动画效果,每种动画都可以采用两种方式来实现,一种就是代码直接实现,另一种就是建立xml动画文件的方式来实现,这四种动画除了可以单一实现某一具体动画之外,还可以配合使用,可以通过set标签把各个动画整合在一起,产生更多特效,下面通过一个XML动画文件来详细解释每种动画中各个属性所代表的含义以及注意事项。
[XML] 纯文本查看 复制代码
?
android:interpolator属性为插补器,它定义一个动画的变化率。这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减速,重复等。
android:shareInterpolator属性,如果在一个set标签中包含多个动画效果,如果想让这些动画效果共享一个Interpolator,则设置为false,如果不想共享一个interpolator,则设置android:shareInterpolator=”true”,并且需要在每一个单独动画效果处添加interpolator。
[align=left]Alpha代表AlphaAnimation,表示一个淡入淡出动画效果(其实就是透明度)。[/align]
android:fromAlpha表示透明度变化的开始值,其中0是透明,1是不透明的。
android:toAlpha表示透明度变化的结束值,其中0是透明,1是不透明的。
[align=left]Scale代表ScaleAnimation,表示一个缩放动画的效果,你可以通过指定的pivotX和pivoty使图像从它的中心点开始向外(或向内)缩放。例如,如果值是以0,0(左上角)为缩放点,所有的缩放(放大)效果将向下和向右。[/align]
[align=left]android:fromXScale 动画起始时 X坐标上的伸缩尺寸[/align]
[align=left]android:toXScale 动画结束时 X坐标上的伸缩尺寸[/align]
[align=left]android:fromYScale 动画起始时Y坐标上的伸缩尺寸[/align]
[align=left]android:toYScale 动画结束时Y坐标上的伸缩尺寸[/align]
[align=left]int pivotXType 动画在X轴相对于物件位置类型[/align]
[align=left]float pivotXValue 动画相对于物件的X坐标的开始位置[/align]
[align=left]int pivotYType 动画在Y轴相对于物件位置类型[/align]
[align=left]float pivotYValue 动画相对于物件的Y坐标的开始位置[/align]
[align=left]Translate代表TranslateAnimation,表示一个平移的动画效果。[/align]
[align=left]float fromXDelta 动画开始的点离当前View X坐标上的差值[/align]
[align=left]float toXDelta 动画结束的点离当前View X坐标上的差值[/align]
[align=left]float fromYDelta 动画开始的点离当前View Y坐标上的差值[/align]
[align=left]float toYDelta 动画开始的点离当前View Y坐标上的差值[/align]
[align=left]Rotate代表RotateAnimation,表示一个旋转的动画效果。[/align]
[align=left]float fromDegrees:旋转的开始角度。[/align]
[align=left]float toDegrees:旋转的结束角度。[/align]
[align=left]int pivotXType:X轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。[/align]
[align=left]float pivotXValue:X坐标的伸缩值。[/align]
[align=left]int pivotYType:Y轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。[/align]
[align=left]float pivotYValue:Y坐标的伸缩值。[/align]
1.Alpha淡入淡出效果
1-1.代码实现
[Java] 纯文本查看 复制代码
?
2.通过xml动画文件来实现
在res/anim目录下新建alpha.xml文件
[Java] 纯文本查看 复制代码
?
[Java] 纯文本查看 复制代码
?
2-1.代码实现
[Java] 纯文本查看 复制代码
?
2.通过xml动画文件来实现
在res/anim目录下新建scale.xml文件
[Java] 纯文本查看 复制代码
?
[Java] 纯文本查看 复制代码
?
3-1.代码实现
[Java] 纯文本查看 复制代码
?
2.通过xml动画文件来实现
在res/anim目录下新建translate.xml文件
[XML] 纯文本查看 复制代码
?
[Java] 纯文本查看 复制代码
?
4-1.代码实现
[Java] 纯文本查看 复制代码
?
2.通过xml动画文件来实现
在res/anim目录下新建rotate.xml文件
[Java] 纯文本查看 复制代码
?
[Java] 纯文本查看 复制代码
?
1.在anim目录下新建set_anim.xml文件
[Java] 纯文本查看 复制代码
?
[Java] 纯文本查看 复制代码
?
此处动画的实现先是平移到底部,然后缩放的同时进行旋转,android:startOffset属性是代表在多少时间之后执行的意思,此处设置为1000毫秒,意思是1000毫秒后执行该动画(即平移完成后执行)。
相关文章推荐
- Android性能测试工具APT使用指南
- Android NDK开发之 opencv manage 免安装生成opencv应用
- 在Android Studio中使用shareSDK进行社会化分享(图文教程)
- Android内存优化之磁盘缓存
- 超简单Android Studio导入第三方库(SlidingMenu)教程绝对傻瓜版
- Android体验高扩展艺术般的适配器
- Android NDK开发之 opencv for android 问题总结
- Android实现仿有道云笔记头像背景(模糊效果)
- Xamarin.Forms中实现选择本地图片,并进行剪裁。(Android端)
- Android设计模式(十五)--备忘录模式
- (七十)android Context详解
- Android小技巧:实现捕获应用的运行时异常
- Android小技巧:实现捕获应用的运行时异常 分类: Android其他 2015-06-23 12:26 12人阅读 评论(0) 收藏
- android 命名规范
- Android的fragment
- Android中Spinner的使用
- Android sdk更新设置
- Ubuntu14.04 vlc-for-android 编译过程
- android 图片压缩 方法--记录
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)