Android的View动画使用总结

版权声明:本文为博主原创文章,请随便转载。哈哈 https://blog.csdn.net/Ash_Zheng/article/details/62419753

View动画的四种变换

名称 标签 子类 效果
平移动画 <translate> TranslateAnimation 移动View
缩放动画 <scale> ScaleAnimatioin 放大或缩小View
旋转动画 <Rotate> RotateAnimation 旋转View
透明度动画 <alpha> AlphaAnimation 改变View的透明度

例子(文件保存在res/anim文件夹下):

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
  android:duration="3000" //持续时间 set的属性会覆盖下面子动画的属性
  android:interpolator="@anim/interpolator_resource" //动画集合采用的插值器 默认为加速减速插值器
  android:shareInterpolator="true"  //表示集合动画是否和集合共享同一个插值器。如果集合不指定插值器,子动画就需要单独指定所需的插值器或者默认值
  android:startOffset="1000"  //动画开始前延时 可以在子动画中加入,实现顺序执行 默认为一起执行
  android:fillAfter="false" //动画结束后View是否留在结束后的状态 默认为false
  android:fillBefore="false"> //动画开始前View是否留在开始时的状态 默认为false

  <alpha
    android:duration="1000"
    android:fromAlpha="0" //起始透明度 0 ~ 1
    android:toAlpha="0.8"/>

  <rotate
    android:duration="2000"
    android:fromDegrees="60"  //起始旋转的角度
    android:pivotX="50%" //起始旋转中点 默认是坐上角
    android:pivotY="50%"
    android:toDegrees="360"/>

  <scale
    android:duration="1500"
    android:fromXScale="100%"  //x方向的缩放起始值
    android:fromYScale="100%"
    android:pivotX="50%" //缩放位置的x坐标 默认是View左上角
    android:pivotY="50%"
    android:toXScale="0%"  //x方向的缩放结束值
    android:toYScale="0%"/>

  <translate
    android:duration="3000"
    android:fromXDelta="10" //x的起始位置(相对于原View)单位像素(也可使用50%这样的百分比 相对于原View大小)
    android:fromYDelta="10"
    android:toXDelta="1"  //x的结束位置
    android:toYDelta="1"/>
</set>

系统提供的插值器

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 新增,定义路径坐标后按照路径坐标来跑。

使用View动画

Animation animation = AnimationUtils.loadAnimation(this, R.anim.view_anim);
imageView.startAnimation(animation);

//设置监听
animation.setAnimationListener(new AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                Log.d("myinfo", "onAnimationStart");
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                Log.d("myinfo", "onAnimationEnd");
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                Log.d("myinfo", "onAnimationRepeat");//动画重复
            }
        });

注意:

  1. set本身也是继承自Animation类,他的属性会覆盖子动画的相关属性。
  2. repeatMode属性必须和repeatCount属性结合使用,并且不能在set中设置,否则无效
  3. set的AnimationListener不能监听到动画重复事件,并且如果子动画没有结束,同样监听不到动画结束
android:repeatCount={infinite(无限)|100(具体的重复次数)}
android:repeatMode={reverse(颠倒回放)|restart(重新回放)}

自定义View动画

主要通过继承Animatioin抽象类 并应用矩阵变换操作

View动画的应用

1. LayoutAnimation 作用于 ViewGroup,当他的子元素出场时都会具有这种动画效果。

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
  android:animation="@anim/rcv_item_anim"
  android:delay="0.1" //延时执行多少周期,比如动画时长为10s,这的0.1代表,下一个View的出场动画在上一个View的出场动画执行后1s0.1*10)再执行。默认是一起执行
  android:animationOrder="normal" //子View动画执行顺序,默认为顺序执行
  />

在ViewGroup的xml中加上
android:layoutAnimation="@anim/layout_anim"

或者:
Animation animation = AnimationUtils.loadAnimation(this, R.anim.rcv_item_anim);
LayoutAnimationController controller = new LayoutAnimationController(animation);
controller.setDelay(0.1f);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
recyclerView.setLayoutAnimation(controller);

2. Activity的切换效果

overridePendingTransition(R.anim.act_in_anim, R.anim.act_out_anim);
第一个参数是Activity入场的动画,第二个参数是Activity出场等待动画。
**注意:**这个方法必须在startActivity() 或 finish()这两个方法的后面调用,否则无效。

帧动画

帧动画容易引起OOM 避免使用大尺寸图片

例子(文件保存在res/drawable文件夹下):

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="false">  //动画是否只执行1次,为false的话可以一直重复执行

  <item android:drawable="@drawable/ic_launcher" android:duration="1000"/>
  <item android:drawable="@drawable/ic_launcher_round" android:duration="1000"/>

</animation-list>
linearLayout.setBackgroundResource(R.drawable.drawable_anim);
AnimationDrawable animationDrawable = (AnimationDrawable) linearLayout.getBackground();
animationDrawable.start();

参考文章:
- 《Android开发艺术探究》
- http://blog.csdn.net/yanbober/article/details/46481171

展开阅读全文

没有更多推荐了,返回首页