Android开发 动画之translate(位移动画)

Posted 2021-11-04 彬sir哥

translate动画是非常好理解，就是定义一个开始的位置和一个结束的位置，定义移动时间，然后就能自动产生移动动画。Android的translate移动方向有 横向(X) 坚向(Y),左右滑动使用了横向移动效果，对于坚向(Y)的位置如下：

定义一个向上退出的动画(从位置2移动位置3)和从下面进入(从位置1移动位置2)的动画定义文件如下：
out_to_up.xml (从屏幕上面退出)

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromYDelta="0%p"
    android:toYDelta="-100%p"
    android:duration="1000">
</translate>

in_from_down.xml (从屏幕下面进入)

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromYDelta="100%p"
    android:toYDelta="0%p"
    android:duration="1000">
</translate>

接下来讲一讲translate的几个重要的属性：
android:interpolator: 加速器，非常有用的属性，可以简单理解为动画的速度，可以是越来越快，也可以是越来越慢，或者是先快后忙，或者是均匀的速度等等，对于值如下：

@android:anim/accelerate_interpolator： 越来越快
@android:anim/decelerate_interpolator：越来越慢
@android:anim/accelerate_decelerate_interpolator：先快后慢
@android:anim/anticipate_interpolator: 先后退一小步然后向前加速
@android:anim/overshoot_interpolator：快速到达终点超出一小步然后回到终点
@android:anim/anticipate_overshoot_interpolator：到达终点超出一小步然后回到终点
@android:anim/bounce_interpolator：到达终点产生弹球效果，弹几下回到终点
@android:anim/linear_interpolator：均匀速度。

android:duration: 动画运行时间，定义在多次时间(ms)内完成动画

android:startOffset: 延迟一定时间后运行动画

fromXDelta: X轴方向开始位置，可以是%，也可以是具体的像素 具体见图

toXDelta: X轴方向结束位置，可以是%，也可以是具体的像素

fromYDelta: Y轴方向开始位置，可以是%，也可以是具体的像素

toYDelta: Y轴方向结束位置，可以是%，也可以是具体的像素

上下滑入式:
bottom_push_in.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 上下滑入式 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="200"
        android:fromYDelta="50%p"
        android:toYDelta="0" />
</set>

bottom_push_out.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 上下滑入式 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >   
    <translate
        android:duration="200"
        android:fromYDelta="0"
        android:toYDelta="50%p" /> 
</set>