Android动画基础

程序员文章站 2022-03-01 20:52:27

...

Android动画基础

课程目标:

1. 了解定义逐帧动画的方法

2. 掌握定义视图动画的方法

3. 掌握定义属性动画的方法

学习内容:

1. 逐帧动画

2. 视图动画系统

3. 属性动画系统 *

一、逐帧动画:

Android中我们可以通过AnimationDrawable 这个对象来定义逐帧动画。我们可以通过在xml文件中定义 <animation-list> 来共同完成逐帧动画。

原理: 它操作的对象是一张张图片，通过将一张张图片循环播放，然后形成动画。

实践:

1. 在drawable目录下创建一个xml文件:

<?xml version="1.0" encoding="utf-8"?>

<animation-list android:oneshot="true"

    xmlns:android="http://schemas.android.com/apk/res/android">

    <item

        android:drawable="@drawable/frame_1"

        android:duration="100" />



    <item

        android:drawable="@drawable/frame_2"

        android:duration="100" />



    <item

        android:drawable="@drawable/frame_3"

        android:duration="100" />

</animation-list>

注释: 每一个item就是一帧图片，duration 代表的是显示时间。上面这个xml文件就是一个AnimationDrawable对象。android:oneshot属性是让动画只播放一遍。

2.java代码

public class FrameAnimationActivity extends AppCompatActivity {



    private AnimationDrawable animationDrawable;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_frame_animation);



        View view = findViewById(R.id.view);

        animationDrawable = (AnimationDrawable) view.getBackground();

        // 让动画只播放一遍就结束，默认是循环播放。

        animationDrawable.setOneShot(true);

    }



    public void onClick(View view) {

        switch (view.getId()) {

            case R.id.btnStart:

                // 开始播放

                animationDrawable.start();

                break;

            case R.id.btnStop:

                // 结束播放

                animationDrawable.stop();

                break;

        }

    }

}

3.xml布局文件:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/activity_frame_animation"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.animation.frame.FrameAnimationActivity">



    <View

        android:id="@+id/view"

        android:background="@drawable/loading"

        android:layout_centerInParent="true"

        android:layout_width="300dp"

        android:layout_height="300dp" />



    <LinearLayout

        android:layout_alignParentBottom="true"

        android:orientation="horizontal"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">



        <Button

            android:id="@+id/btnStart"

            android:text="Start"

            android:onClick="onClick"

            android:layout_width="0dp"

            android:layout_weight="1"

            android:layout_height="wrap_content" />



        <Button

            android:id="@+id/btnStop"

            android:text="Stop"

            android:onClick="onClick"

            android:layout_width="0dp"

            android:layout_weight="1"

            android:layout_height="wrap_content" />

    </LinearLayout>



</RelativeLayout>

以上就是逐帧动画的全部内容。

二、视图动画系统

它操作的是Android中的视图对象。也就是说我们可以通过视图动画系统可以让视图对象（如:TextView、 Button、ImageView等）动起来。

视图动画系统相关的类定义在 android.view.animation 包中，这个包里有个Animation 抽象类，我们可以通过Animation 的实现类: AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation、AnimationSet等通过补间动画(补间动画:简单理解就是对一个视图对象，给定一个起始点，一个终点然后在一定的时间完成相应的动画)完成视图动画。

1.AlphaAnimation(透明度动画)