Android学习笔记——Animation

最新推荐文章于 2024-04-24 15:17:23 发布

mikelkl

最新推荐文章于 2024-04-24 15:17:23 发布

阅读量471

点赞数

分类专栏： android 文章标签： android

本文链接：https://blog.csdn.net/mikelkl/article/details/50835970

版权

android 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Frame Animation

Frame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧动画。Frame动画可以被定义在XML文件中，也可以完全编码实现。
如果被定义在XML文件中，我们可以放置在/res下的anim或drawable目录中，文件名可以作为资源ID在代码中引用，定义如下：

<?xml version="1.0" encoding="utf-8"?>  
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
   android:oneshot=["true" | "false"] >   //是否重复播放     false表示重复播放
   <!-- 如果有多帧，添加多个<item>标签即可；duration单位为毫秒-->
   <item  android:drawable="@[package:]drawable/drawable_resource_name"  
   android:duration="integer" />  
</animation-list>

// 然后把定义的动画设置给ImageView，并开启动画。
frameImageView.setBackgroundResource(R.drawable.frame);   //  要在xml文件中设置背景
AnimationDrawable anim = (AnimationDrawable) frameImageView.getBackground();
anim.start(); // 停止使用anim.stop();

如果由完全由编码实现（当然帧动画很少这样使）
先创建AnimationDrawable对象，然后调用addFrame(Drawable frame, int duration)向该动画中添加帧，每调用一次addFrame方法，就向

<ImageView
    android:id="@+id/frame_iv1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/frame_iv"
/>
<ImageView
    android:id="@+id/frame_iv2"
    android:layout_below="@id/frame_iv1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/frame_iv2"      frame_iv2/里面没有子元素
    />

ImageView iv = (ImageView) findViewById(R.id.frame_iv1);
AnimationDrawable anim1 = (AnimationDrawable) iv.getBackground();
anim1.start(); // 停止使用anim.stop();
//自定义 慢慢添加 动画针
AnimationDrawable anim2 = (AnimationDrawable) iv.getBackground();
for (int i = 0; i < 9; i++) {
    anim2.addFrame(getResources().getDrawable(R.drawable.bomb10+i), 60);
}
anim2.start();

Tween Animation

Tween动画概述

Tween动画表示从一个状态A向状态B变化的一个过程（有过CSS 3的2D动画的使用经历理解起来很轻松），Tween动画在Android中分为4类，它们都继承自android.view.Animation类，分别是：
- AlphaAnimation（透明度动画）
  关键：开始透明度、结果透明度、动画持续时间
  描述：创建该动画时要指定动画开始时的透明度、结束时的透明度和动画持续时间。其中透明度可从0变化到1
- TranslateAnimation(平移动画)
  关键：开始时的X和结束时的X、开始时的Y和结束时的Y、动画持续时间
  描述：创建该动画时只要指定动画开始时的位置（以X、Y坐标来表示）、结束时的位置（以X、Y坐标来表示），并指定动画持续时间即可
- ScaleAnimation(缩放动画)
  关键：开始时的X和结束时的X、开始时的Y和结束时的Y、动画持续时间、缩放中心
  描述：创建该动画时要指定动画开始时的缩放比（以X、Y轴的缩放参数来表示）、结束时动画的缩放比（以X、Y轴的缩放参数来表示），并指定动画持续时间。由于缩放时以不同点为中心时缩放效果并不相同，因此指定缩放动画时还要通过pivotX、pivotY来指定“缩放中心”的坐标
- RotateAnimation(旋转动画)
  关键：开始时的X和结束时的X、开始时的Y和结束时的Y、动画持续时间
  描述：创建该动画时要指定动画开始时的旋转角度、结束时的旋转角度，并指定动画持续时间。由于旋转时以不同点为中心时旋转效果并不相同，因此指定旋转动画时还要通过pivotX、pivotY来指定“旋转轴心”的坐标
AccelerateDecelerateInterpolator 在动画开始与介绍的地方速率改变比较慢，在中间的时候加速
AccelerateInterpolator 在动画开始的地方速率改变比较慢，然后开始加速
AnticipateInterpolator 开始的时候向后然后向前甩
AnticipateOvershootInterpolator 开始的时候向后然后向前甩一定值后返回最后的值
BounceInterpolator 动画结束的时候弹起
CycleInterpolator 动画循环播放特定的次数，速率改变沿着正弦曲线
DecelerateInterpolator 在动画开始的地方快然后慢
LinearInterpolator 以常量速率改变
OvershootInterpolator 向前甩一定值后再回到原来位置
Tween动画的两种创建方式
- Java代码
  常用方法：
  - animation.setDuration(2000)：持续时间
  - animation.setRepeatCount(3)：设置重复次数，-1表示循环执行
  - animation.setFillAfter(true)：动画执行完后是否停留在执行完的状态
  - animation.setStartOffset(1000)：执行前的等待时间
  - imageView.startAnimation(animation)：把动画添加到组件上
  - …

Tween Animation与 interpolator

注：两种创建方式，请参考代码！

package com.hsu.part5_animation;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

/**
 * Tween By Code
 */
public class TweenByCodeActivity extends Activity implements OnClickListener {

    private Button alphaButton;
    private Button rotateButton;
    private Button scaleButton;
    private Button translateButton;
    private Button combinationButton;
    private ImageView imageView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.activity_tween_by_code);
        this.alphaButton = (Button) super.findViewById(R.id.button_alpha);
        this.rotateButton = (Button) super.findViewById(R.id.button_rotate);
        this.scaleButton = (Button) super.findViewById(R.id.button_scale);
        this.translateButton = (Button) super.findViewById(R.id.button_translate);
        this.combinationButton = (Button) super.findViewById(R.id.button_combination);
        this.alphaButton.setOnClickListener(this);
        this.rotateButton.setOnClickListener(this);
        this.scaleButton.setOnClickListener(this);
        this.translateButton.setOnClickListener(this);
        this.combinationButton.setOnClickListener(this);
        this.imageView = (ImageView) super.findViewById(R.id.imageview_girl);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button_alpha:
                // 关键：开始透明度、结果透明度、动画持续时间
                // 描述：创建该动画时要指定动画开始时的透明度、结束时的透明度和动画持续时间。其中透明度可从0变化到1
                AlphaAnimation alphaAnimation = new AlphaAnimation(0.0F, 0.8F);
                // 持续时间
                alphaAnimation.setDuration(2000);
                // 设置重复次数，如果为-1表示循环执行
                alphaAnimation.setRepeatCount(3);
                // 动画执行完后是否停留在执行完的状态
                alphaAnimation.setFillAfter(true);
                // 执行前的等待时间
                alphaAnimation.setStartOffset(1000);
                // 把动画添加到组件上
                this.imageView.startAnimation(alphaAnimation);
                System.out.println("ALPHA:" + this.imageView.getAnimation().getClass().getSimpleName());
                break;

            case R.id.button_rotate:
                // 关键：开始角度、结束角度、动画持续时间、旋转轴心
                // 描述：创建该动画时要指定动画开始时的旋转角度、结束时的旋转角度，并指定动画持续时间。
                //      由于旋转时以不同点为中心时旋转效果并不相同，因此指定旋转动画时还要通过pivotX、pivotY来指定“旋转轴心”的坐标
                // 设置围绕中心点旋转注意：xml：pivotX="50%" pivotY="50%"；Java：RotateAnimation.RELATIVE_TO_SELF, 0.5F, RotateAnimation.RELATIVE_TO_SELF, 0.5F
                RotateAnimation rotateAnimation = new RotateAnimation(0, 360, RotateAnimation.RELATIVE_TO_SELF, 0.5F, RotateAnimation.RELATIVE_TO_SELF, 0.5F);
                rotateAnimation.setDuration(2000);
                this.imageView.startAnimation(rotateAnimation);
                System.out.println("ROTATE:" + this.imageView.getAnimation().getClass().getSimpleName());
                break;

            case R.id.button_scale:
                // 关键：开始时的X和结束时的X、开始时的Y和结束时的Y、动画持续时间、缩放中心
                // 描述：创建该动画时要指定动画开始时的缩放比（以X、Y轴的缩放参数来表示）、结束时动画的缩放比（以X、Y轴的缩放参数来表示），并指定动画持续时间。
                //       由于缩放时以不同点为中心时缩放效果并不相同，因此指定缩放动画时还要通过pivotX、pivotY来指定“缩放中心”的坐标
                ScaleAnimation scaleAnimation = new ScaleAnimation(1.0F, 1.2F, 1.0F, 1.2F, RotateAnimation.RELATIVE_TO_SELF, 0.5F, RotateAnimation.RELATIVE_TO_SELF, 0.5F);
                scaleAnimation.setDuration(2000);
                this.imageView.startAnimation(scaleAnimation);
                System.out.println("SCALE:" + this.imageView.getAnimation().getClass().getSimpleName());
                break;

            case R.id.button_translate:
                // 关键：开始时的X和结束时的X、开始时的Y和结束时的Y、动画持续时间
                // 描述：创建该动画时只要指定动画开始时的位置（以X、Y坐标来表示）、结束时的位置（以X、Y坐标来表示），并指定动画持续时间即可
                TranslateAnimation translateAnimation = new TranslateAnimation(0.0F, 0.0F, 200.0F, 50.0F);
                translateAnimation.setDuration(2000);
                this.imageView.startAnimation(translateAnimation);
                System.out.println("TRANSLATE:" + this.imageView.getAnimation().getClass().getSimpleName());
                break;

            case R.id.button_combination:
                // 组合动画
                RotateAnimation ra = new RotateAnimation(0, 360);
                ra.setDuration(2000);
                TranslateAnimation ta = new TranslateAnimation(0.0F, 0.0F, 200.0F, 50.0F);
                ta.setDuration(2000);
                AnimationSet animationSet = new AnimationSet(false);
                animationSet.addAnimation(ra);
                animationSet.addAnimation(ta);
                this.imageView.startAnimation(animationSet);
                System.out.println("Combination 组合动画");
                break;
        }
    }
}


/**
 *  Tween By XML
 */
// 1、先在/res/anim/rotate.xml定义一个动画
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >
</rotate>
// 2、然后使用AnimationUtils.loadAnimation()加载动画
Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate);
// 3、最后把动画添加到组件上
this.imageView.startAnimation(rotateAnimation);

// 1、先在/res/anim/combination.xml定义一个组合动画
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" >
    <rotate
        android:duration="2000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" >
    </rotate>

    <translate
        android:duration="2000"
        android:fromXDelta="0.0"
        android:fromYDelta="0.0"
        android:toXDelta="50.0"
        android:toYDelta="50.0" >
    </translate>
</set>
// 2、然后使用AnimationUtils.loadAnimation()加载动画
Animation combinationAnimation = AnimationUtils.loadAnimation(this, R.anim.combination);
// 3、最后把动画添加到组件上
this.imageView.startAnimation(combinationAnimation);

Property Animation

概述 : 针对于没有xml的VIew的动画操作
Android中的动画分为View Animation（Tween）、Drawable Animation(Frame)、Property Animation。从Android 3.0(API Level 11)开始，Android开始支持属性动画。
视图动画局限比较大，如下所述：
- 视图动画只能使用在View上面。
- 视图动画并没有真正改变View相应的属性值，这导致了UI效果与实际 View状态存在差异，并导致了一系列怪异行为，比如在使用了视图动画 TranslateAnimation的View的UI上对其触摸，你可能惊讶地发现并没有触发触摸事件。
鉴于视图动画以上缺陷，从Android 3.0引入了属性动画。具有以下特性：
- 属性动画应用面更广，不仅仅应用于View，可以将其应用到任意的对象上面，且该对象不需要具有UI界面
- 当将属性动画作用于某个对象时，可以通过调用对象的setXXX方法实际改变对象的值。所以，当将属性动画作用于某个View时，View对象对应的属性值会被改变。
propertyName:可能的取值
1）translationX 和 translationY：这两个属性控制了View所处的位置，它们的值是由layout容器设置的，是相对于坐标原点（0，0左上角）的一个偏移量。
2）rotation, rotationX 和 rotationY：控制View绕着轴点（pivotX和pivotY）旋转。
3）scaleX 和 scaleY：控制View基于pivotX和pivotY的缩放。
4）pivotX 和 pivotY：旋转的轴点和缩放的基准点，默认是View的中心点。
5）x 和 y：描述了view在其父容器中的最终位置，是左上角左标和偏移量（translationX，translationY）的和。
6）aplha：透明度，1是完全不透明，0是完全透明。
1:ObjectAnimActivity.java
2:ValueAnimator实现动画
3:AnimatorSet的使用
4：如何使用xml文件来创建属性动画
5布局动画（Layout Animations）
6View的anim方法

属性动画中主要的类
github示例代码：https://github.com/mikelkl/AnimationTest

mikelkl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android学习笔记——Animation

Frame AnimationFrame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧动画。Frame动画可以被定义在XML文件中，也可以完全编码实现。如果被定义在XML文件中，我们可以放置在/res下的anim或drawable目录中，文件名可以作为资源ID在代码中引用，定义如下：<?xml version="1.0" encoding="utf-8"?
复制链接

扫一扫