Android我爱编程Android

Android三种动画详解

2018-08-09  本文已影响1818人  Power_android

Android三种动画详解

前言

2018-08-09 09:57:04
自尊，自律，自强，自爱。--Power

一直以来自己对Android的动画一知半解，所以决定写这篇文章来详细系统的学习Android的三种动画，即

正文

1.View Animation（视图动画）

1.1 View动画的概述及种类
视图动画的作用对象是View，支持四种动画效果，分别是平移动画，缩放动画，旋转动画，透明度动画。譬如，我们可以对TextView设置其文本的移动，旋转，缩放，透明。

视图动画可以通过XML或通过代码动态创建，对于视图动画建议使用XML文件定义，因为它具有更高的可读性，可重用性。

下面我们来分别看一下View动画的四种效果：

view动画的四种变换我们通过效果图已基本了解，下面我们通过表格系统的了解一下：

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

要使用View动画，首先要创建XML文件，我们需要在res下新建anim文件夹，接着在anim下创建animation resource file的xml文件，我们举例为view_anim.xml

我们通过xml文件来了解它们各自的语法：

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!--平移动画标签-->
    <translate
        android:fromXDelta="0%p"
        android:toXDelta="20%p"
        android:fromYDelta="0%p"
        android:toYDelta="20%p"
        android:duration="4000"/>
    <!--缩放动画标签-->
    <scale
        android:fromXScale="1.0"
        android:toXScale="0.2"
        android:fromYScale="1.0"
        android:toYScale="0.2"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="4000"/>
    <!--旋转动画标签-->
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="4000"/>
    <!--透明度动画标签-->
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.2"
        android:duration="4000"/>
</set>

从上面的代码我们知道，View动画既可以是单个动画，也可以有一系列动画组成。
这是因为View动画的四种种类分别对应着Animation的四个子类（TranslateAnimation，ScaleAnimation，RotateAnimation，AlphaAnimation），除了以上四个子类它还有一个AnimationSet类，对应xml标签为<set>，它是一个容器，可以包含若干个动画，并且内部也可以继续嵌套<set>集合的。
我们在activity对TextView设置动画：

/**
 * @author power
 * @date 2018-08-08 20:28:58
 * @description: MainActivity
 */
public class MainActivity extends AppCompatActivity {

    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.textview);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.viewanimation);
                textView.startAnimation(animation);
            }
        });

    }
}

我们来看下动画集合的运行效果：


set_ani-w140

1.2 View动画的属性详解

1.3 View动画的使用方法及注意事项

1.4 View动画Interpolator插值器详解

我们需要继承Interpolator接口并实现getInterpolation();，在方法里处理业务逻辑即可。

2.Drawable Animation（帧动画）

2.1帧动画概述
帧动画是顺序播放一组预先定义好的图片，不同于View动画，系统提供了另外一个类AnimationDrawable来使用帧动画。

2.2帧动画的使用
首先我们找一组帧动画的图片放入drawable-xhdpi文件夹下，其次在drawable文件夹下创建xml文件，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<animation-list
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/refresh1" android:duration="180"/>
    <item android:drawable="@drawable/refresh2" android:duration="180"/>
    ...
    <item android:drawable="@drawable/refresh25" android:duration="180"/>
</animation-list>

view = findViewById(R.id.view);
        view.setBackgroundResource(R.drawable.drawable_anim);
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AnimationDrawable animationDrawable = (AnimationDrawable) view.getBackground();
                animationDrawable.start();
            }
        });

通过上述代码，帧动画已经完成了，我们来看下效果图：


drawable_ani-w140

<animation-list> 必须是根节点，包含一个或者多个<item>元素，属性有：
android:oneshot true代表只执行一次，false循环执行。
<item> 类似一帧的动画资源。

<item> animation-list的子项，包含属性如下：
android:drawable 一个frame的Drawable资源。
android:duration 一个frame显示多长时间。

帧动画很简单，但容易引起OOM，我在这里也就不多赘述。

3.Property Animation（属性动画）

3.1 未完待续...

上一篇 下一篇

猜你喜欢

热点阅读