美文网首页
Android动画之View Animation

Android动画之View Animation

作者: JCYDSHANKS | 来源:发表于2019-08-08 20:34 被阅读0次

只给view用的动画,支持缩放、渐变、旋转、位移和他们的组合动画。

  1. 透明度渐变动画,在res/anim文件夹下:
<alpha android:fromAlpha="0" android:toAlpha="1"/>
  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 旋转结束角度,正代表顺时针度数,负代表逆时针度数-->
  1. 缩放动画
<?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为参考点-->
  1. 位移动画
<?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的相对位移,不是参考屏幕的绝对坐标-->
  1. 组合动画
<?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 自定义插值器的步骤:

  1. 在 res/anim/ 目录下创建 filename.xml 文件。

  2. 修改你准备自定义的插值器如下:

 <?xml version="1.0" encoding="utf-8"?>
 <InterpolatorName xmlns:android="http://schemas.android.com/apk/res/android"
     android:attribute_name="value"
     />
  1. 在你的补间动画文件中引用该文件即可。

通过代码自定义插值器:
所有的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;
    }
    ......
}

相关文章

网友评论

      本文标题:Android动画之View Animation

      本文链接:https://www.haomeiwen.com/subject/nfmfjctx.html