Android Animation(动画)---基础一

最新推荐文章于 2021-06-11 20:03:38 发布

mazaiting

最新推荐文章于 2021-06-11 20:03:38 发布

阅读量119

点赞数

本文链接：https://blog.csdn.net/mazaiting/article/details/85002620

版权

动画分类:

传统动画(帧动画(Frame Animation)/ 补间动画(Tweened Animation))。
属性动画(Attribute Animation)

帧动画
帧动画是将图片一张一张的连续播放，适当的速度，让人感觉是连续的动画。
xml文件

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
  <!--oneshot为true则动画只执行一遍, 为false则重复执行-->

  <item android:drawable="@color/md_red_50"
      android:duration="200"/>
  <item android:drawable="@color/md_red_100"
      android:duration="200"/>
  <item android:drawable="@color/md_red_200"
      android:duration="200"/>
  <item android:drawable="@color/md_red_300"
      android:duration="200"/>
  <item android:drawable="@color/md_red_400"
      android:duration="200"/>
  <item android:drawable="@color/md_red_500"
      android:duration="200"/>
  <item android:drawable="@color/md_red_600"
      android:duration="200"/>
  <item android:drawable="@color/md_red_700"
      android:duration="200"/>
  <item android:drawable="@color/md_red_800"
      android:duration="200"/>
  <item android:drawable="@color/md_red_900"
      android:duration="200"/>

</animation-list>

Activity内容

    private ImageView mIvFrame;
    mIvFrame = (ImageView) this.findViewById(R.id.iv_frame);
    mIvFrame.setImageResource(R.drawable.frame_list);
    AnimationDrawable animationDrawable = (AnimationDrawable) mIvFrame.getDrawable();
    animationDrawable.start();

补间动画

Alpha(淡入淡出)
Translate(位移)
Scale(缩放大小)
Rotate(旋转)

(1) Alpha(淡入淡出)

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    android:duration="2000"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>

      /**补间动画*/
    private ImageView mIvTweened;
    mIvTweened = (ImageView) this.findViewById(R.id.iv_tween);
    // 淡入淡出
    //Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
    mIvTweened.startAnimation(animation);

(2) Translate(位移)

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0.0"
    android:toXDelta="100.0"
    android:toYDelta="100.0"
    android:fromYDelta="0.0"
    android:duration="2000"
    android:interpolator="@android:anim/accelerate_interpolator"
    />

      /**补间动画*/
    private ImageView mIvTweened;
    mIvTweened = (ImageView) this.findViewById(R.id.iv_tween);
    // 淡入淡出
    //Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate);
    mIvTweened.startAnimation(animation);

(3) Scale(缩放大小)

<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0.0"
    android:toXScale="1.0"
    android:fromYScale="0.0"
    android:toYScale="1.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="2000"
    />

      /**补间动画*/
    private ImageView mIvTweened;
    mIvTweened = (ImageView) this.findViewById(R.id.iv_tween);
    // 淡入淡出
    //Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale);
    mIvTweened.startAnimation(animation);

(4) Rotate(旋转)

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:pivotX="50%"
    android:pivotY="50%"
    android:drawable="@color/md_green_A700"
    android:fromDegrees="0.0"
    android:toDegrees="45"
    android:duration="2000"
    />

      /**补间动画*/
    private ImageView mIvTweened;
    mIvTweened = (ImageView) this.findViewById(R.id.iv_tween);
    // 淡入淡出
    //Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale);
    mIvTweened.startAnimation(animation);

(5) 组合动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
  <alpha
      android:fromAlpha="0.0"
      android:toAlpha="1.0"
      android:duration="2000"
      android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>
  <rotate
      android:pivotX="50%"
      android:pivotY="50%"
      android:drawable="@color/md_green_A700"
      android:fromDegrees="0.0"
      android:toDegrees="45"
      android:duration="2000"
      />
  <scale
      android:fromXScale="0.0"
      android:toXScale="1.0"
      android:fromYScale="0.0"
      android:toYScale="1.0"
      android:pivotX="50%"
      android:pivotY="50%"
      android:duration="2000"
      />
  <translate
      android:fromXDelta="0.0"
      android:toXDelta="100.0"
      android:toYDelta="100.0"
      android:fromYDelta="0.0"
      android:duration="2000"
      android:interpolator="@android:anim/accelerate_interpolator"
      />
</set>

      /**补间动画*/
    private ImageView mIvTweened;
    mIvTweened = (ImageView) this.findViewById(R.id.iv_tween);
    // 淡入淡出
    //Animation animation = AnimationUtils.loadAnimation(this, R.anim.set);
    mIvTweened.startAnimation(animation);

(6) 属性解释

android:interpolator主要作用是可以控制动画的变化速率。Android 系统已经为我们提供了一些Interpolator ，比如 accelerate_decelerate_interpolator，accelerate_interpolator等。
pivot决定了当前动画执行的参考位置。pivot 这个属性主要是在translate 和 scale 动画中，这两种动画都牵扯到view 的“物理位置“发生变化，所以需要一个参考点。而pivotX和pivotY就共同决定了这个点；它的值可以是float或者是百分比数值。

pivotX取值	含义
10	距离动画所在view自身左边缘10像素
10%	距离动画所在view自身左边缘的距离是整个view宽度的10%
10%p	距离动画所在view父控件左边缘的距离是整个view宽度的10%

属性动画(Attribute Animation)
属性动画，顾名思义它是对于对象属性的动画。因此，所有补间动画的内容，都可以通过属性动画实现。
属性动画使用方法:

  /**
   * 属性动画
   */
  private void attrAnimation() {
    // 淡入淡出
    //ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(mIvAttr, "alpha", 0.0f, 0.5f, 0.8f, 1.0f);
    //objectAnimator.setDuration(2000);
    //objectAnimator.start();
    // 位移
    /*ObjectAnimator objectAnimatorX = ObjectAnimator.ofFloat(mIvAttr, "translationX", 100, 300);
    ObjectAnimator objectAnimatorY = ObjectAnimator.ofFloat(mIvAttr, "translationY", 100, 300);
    AnimatorSet animatorSet = new AnimatorSet();
    // 同时播放
    //animatorSet.playTogether(objectAnimatorX, objectAnimatorY);
    // 有序播放
    animatorSet.playSequentially(objectAnimatorX, objectAnimatorY);
    animatorSet.setDuration(5000);
    animatorSet.start();*/
    // 缩放
    //ObjectAnimator objectAnimatorX = ObjectAnimator.ofFloat(mIvAttr, "scaleX", 0.0f, 1.0f);
    //ObjectAnimator objectAnimatorY = ObjectAnimator.ofFloat(mIvAttr, "scaleY", 0.0f, 2.0f);
    //AnimatorSet animatorSet = new AnimatorSet();
    //animatorSet.playTogether(objectAnimatorX, objectAnimatorY);
    //animatorSet.setDuration(5000);
    //animatorSet.start();
    // 旋转
    ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(mIvAttr, "rotation", 0, 360);
    objectAnimator.setDuration(2000);
    objectAnimator.start();
  }

代码下载