Android动画效果translate、scale、alpha、rotate说明
16lz
2021-01-23
动画类型
Android的animation由四种类型组成
XML中
JavaCode中
Android动画模式
Animation主要有两种动画模式:
一种是tweened animation(渐变动画)
一种是frame by frame(画面转换动画)
[html] view plain copy
translate.xml 移动效果:
[html] view plain copy
Android的animation由四种类型组成
XML中
alpha | 渐变透明度动画效果 |
scale | 渐变尺寸伸缩动画效果 |
translate | 画面转换位置移动动画效果 |
rotate | 画面转移旋转动画效果 |
JavaCode中
AlphaAnimation | 渐变透明度动画效果 |
ScaleAnimation | 渐变尺寸伸缩动画效果 |
TranslateAnimation | 画面转换位置移动动画效果 |
RotateAnimation | 画面转移旋转动画效果 |
Android动画模式
Animation主要有两种动画模式:
一种是tweened animation(渐变动画)
XML中 | JavaCode |
alpha | AlphaAnimation |
scale | ScaleAnimation |
一种是frame by frame(画面转换动画)
XML中 | JavaCode |
translate | TranslateAnimation |
rotate | RotateAnimation |
Android动画解析
alpha xml 淡出效果
[cpp] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <alpha
- android:fromAlpha="1.0"
- android:toAlpha="0.0"
- android:duration="500"/>
- </set>
- <!--
- fromAlpha:开始时透明度
- toAlpha:结束时透明度
- duration:动画持续时间-->
alpha xml 淡入效果
[cpp] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <alpha
- android:fromAlpha="0.0"
- android:toAlpha="1.0"
- android:duration="500"/>
- </set>
- <!--
- fromAlpha:开始时透明度
- toAlpha:结束时透明度
- duration:动画持续时间-->
rotate.xml 旋转效果:
[html] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <rotate
- android:interpolator="@android:anim/accelerate_decelerate_interpolator"
- android:fromDegrees="300"
- android:toDegrees="-360"
- android:pivotX="10%"
- android:pivotY="100%"
- android:duration="10000"/>
- </set>
- <!--
- fromDegrees动画开始时的角度
- toDegrees动画结束时物件的旋转角度,正代表顺时针
- pivotX属性为动画相对于物件的X坐标的开始位置
- pivotY属性为动画相对于物件的Y坐标的开始位置-->
scale.xml 缩放效果:
[cpp] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <scale
- android:interpolator="@android:anim/decelerate_interpolator"
- android:fromXScale="0.0"
- android:toXScale="1.5"
- android:fromYScale="0.0"
- android:toYScale="1.5"
- android:pivotX="50%"
- android:pivotY="50%"
- android:startOffset="0"
- android:duration="10000"
- android:repeatCount="1"
- android:repeatMode="reverse"/>
- </set>
- <!--
- fromXDelta,fromYDelta起始时X,Y座标,屏幕右下角的座标是X:320,Y:480
- toXDelta,toYDelta动画结束时X,Y的座标--><!--
- interpolator指定动画插入器
- 常见的有加速减速插入器accelerate_decelerate_interpolator
- 加速插入器accelerate_interpolator,
- 减速插入器decelerate_interpolator。
- fromXScale,fromYScale,动画开始前X,Y的缩放,0.0为不显示,1.0为正常大小
- toXScale,toYScale,动画最终缩放的倍数,1.0为正常大小,大于1.0放大
- pivotX,pivotY动画起始位置,相对于屏幕的百分比,两个都为50%表示动画从屏幕中间开始
- startOffset,动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间,
- 单位毫秒duration,一次动画效果消耗的时间,单位毫秒,
- 值越小动画速度越快repeatCount,动画重复的计数,动画将会执行该值+1次
- repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。
- restart为重新执行,方向不变-->
translate.xml 移动效果:
[html] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <translate
- android:fromXDelta="320"
- android:toXDelta="0"
- android:fromYDelta="480"
- android:toYDelta="0"
- android:duration="10000"/>
- </set>
- <!--
- fromXDelta,fromYDelta起始时X,Y座标,屏幕右下角的座标是X:320,Y:480
- toXDelta,toYDelta动画结束时X,Y的座标-->
translate 位置转移动画效果
整型值:
fromXDelta 属性为动画起始时 X坐标上的位置
toXDelta 属性为动画结束时 X坐标上的位置
fromYDelta 属性为动画起始时 Y坐标上的位置
toYDelta 属性为动画结束时 Y坐标上的位置
注意:
没有指定,
默认是以自己为相对参照物
长整型值:
duration 属性为动画持续时间
说明: 时间以毫秒为单位
在这些属性里面还可以加上%和p,例如:
android:toXDelta="100%",表示自身的100%,也就是从View自己的位置开始。
android:toXDelta="80%p",表示父层View的80%,是以它父层View为参照的。
更多相关文章
- android 动画入门
- Android自定义EditText,实现分割输入内容效果
- Android样式基础--属性动画((Property Animation)篇
- Android常用动画总结
- android activity进入退出动画自定义
- android 动画使用方式
- android 手势屏幕平移图片转换效果(也可以平移文本)
- Android关于Activity切换效果的实现加强