Android动画之View Animation
2019-08-08 本文已影响0人
JCYDSHANKS
只给view用的动画,支持缩放、渐变、旋转、位移和他们的组合动画。
- 透明度渐变动画,在res/anim文件夹下:
<alpha android:fromAlpha="0" android:toAlpha="1"/>
- 旋转动画:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:pivotX="50%" android:pivotY="50%"
android:fromDegrees="0.0" android:toDegrees="270.0"/>
<!--pivotX.Y可以用数值、百分数、百分数p表示,坐标为旋转的中心-->
<!--50表示以当前View左上角坐标加50px为初始点-->
<!--50%表示以当前View的左上角加上当前View宽高的50%做为初始点-->
<!--50%p表示以当前View的左上角加上父控件宽高的50%做为初始点-->
<!--fromDegrees 旋转开始角度,正代表顺时针度数,负代表逆时针度数-->
<!--toDegrees 旋转结束角度,正代表顺时针度数,负代表逆时针度数-->
- 缩放动画
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:pivotX="50%" android:pivotY="50%"
android:fromXScale="0" android:toXScale="1"
android:fromYScale="0" android:toYScale="1"/>
<!--fromXScale 初始X轴缩放比例-->
<!--toXScale 结束X轴缩放比例-->
<!--同理Y,pivot为参考点-->
- 位移动画
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0" android:toXDelta="100"
android:fromYDelta="0" android:toYDelta="0"/>
<!--这里的坐标变化是view的相对位移,不是参考屏幕的绝对坐标-->
- 组合动画
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="anim/linear_interpolator"
android:fillAfter="true"
android:duration="3000">
<alpha android:fromAlpha="0" android:toAlpha="1"/>
<rotate android:pivotX="50%" android:pivotY="50%"
android:fromDegrees="0.0" android:toDegrees="270.0"/>
<scale android:pivotX="50%" android:pivotY="50%"
android:fromXScale="0" android:toXScale="1"
android:fromYScale="0" android:toYScale="1"/>
<translate android:fromXDelta="0" android:toXDelta="100"
android:fromYDelta="0" android:toYDelta="0"/>
</set>
View Animation的一些共有属性:
xml 属性 | java 方法 | 解释 |
---|---|---|
android:detachWallpaper | setDetachWallpaper(boolean) | 是否在壁纸上运行 |
android:duration | setDuration(long) | 动画持续时间,毫秒为单位 |
android:fillAfter | setFillAfter(boolean) | 控件动画结束时是否保持动画最后的状态 |
android:fillBefore | setFillBefore(boolean) | 控件动画结束时是否还原到开始动画前的状态 |
android:fillEnabled | setFillEnabled(boolean) | 与android:fillBefore效果相同 |
android:interpolator | setInterpolator(Interpolator) | 设定插值器(指定的动画效果,譬如回弹等) |
android:repeatCount | setRepeatCount(int) | 重复次数 |
android:repeatMode | setRepeatMode(int) | 重复类型有两个值,reverse表示倒序回放,restart表示从头播放 |
android:startOffset | setStartOffset(long) | 调用start函数之后等待开始运行的时间,单位为毫秒 |
android:zAdjustment | setZAdjustment(int) | 表示被设置动画的内容运行时在Z轴上的位置(top/bottom/normal),默认为normal |
注意 :这类动画执行之后并未改变 View 的真实布局属性值。
例如,我们设置了一个Button平移动画移动到屏幕下方然后保持动画最后执行状态呆在屏幕下方,这时如果点击屏幕下方动画执行之后的 Button 是没有任何反应的, 而点击原来屏幕上方没有 Button 的地方却响应的是点击Button的事件。
View Animation的插值器 Interpolator
java 类 | xml id值 | 描述 |
---|---|---|
AccelerateDecelerateInterpolator | @android:anim/accelerate_decelerate_interpolator | 动画始末速率较慢,中间加速 |
AccelerateInterpolator | @android:anim/accelerate_interpolator | 动画开始速率较慢,之后慢慢加速 |
AnticipateInterpolator | @android:anim/anticipate_interpolator | 开始的时候从后向前甩 |
AnticipateOvershootInterpolator | @android:anim/anticipate_overshoot_interpolator | 类似上面 AnticipateInterpolator |
BounceInterpolator | @android:anim/bounce_interpolator | 动画结束时弹起 |
CycleInterpolator | @android:anim/cycle_interpolator | 循环播放速率改变为正弦曲线 |
DecelerateInterpolator | @android:anim/decelerate_interpolator | 动画开始快然后慢 |
LinearInterpolator | @android:anim/linear_interpolator | 动画匀速改变 |
OvershootInterpolator | @android:anim/overshoot_interpolator | 向前弹出一定值之后回到原来位置 |
PathInterpolator | 新增,定义路径坐标后按照路径坐标来跑 |
自定义插值器
有两种自定义方式,一种是通过xml对现有的插值器的属性进行修改,另一种是通过代码自定义插值器。
先看看 XML 自定义插值器的步骤:
-
在 res/anim/ 目录下创建 filename.xml 文件。
-
修改你准备自定义的插值器如下:
<?xml version="1.0" encoding="utf-8"?>
<InterpolatorName xmlns:android="http://schemas.android.com/apk/res/android"
android:attribute_name="value"
/>
- 在你的补间动画文件中引用该文件即可。
通过代码自定义插值器:
所有的Interpolator都实现了Interpolator接口,而Interpolator接口又继承自TimeInterpolator,TimeInterpolator接口定义了一个float getInterpolation(float input);方法,这个方法是由系统调用的,其中的参数input代表动画的时间,在 0 和 1 之间,也就是开始和结束之间。
如下就是一个动画始末速率较慢、中间加速的 AccelerateDecelerateInterpolator 插值器:
public class AccelerateDecelerateInterpolator extends BaseInterpolator
implements NativeInterpolatorFactory {
......
public float getInterpolation(float input) {
return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;
}
......
}