Android动画（逐帧、补间、属性动画）

最新推荐文章于 2023-12-16 23:26:37 发布

姓蔡小朋友

最新推荐文章于 2023-12-16 23:26:37 发布

阅读量1.3k

点赞数 1

分类专栏： Android开发文章标签： android 动画

本文链接：https://blog.csdn.net/m0_53881899/article/details/127338029

版权

Android开发专栏收录该内容

15 篇文章 2 订阅

订阅专栏

一、逐帧动画：

用来连续播放图片。

1.效果：

点击屏幕后循环播放图片

2.实现步骤：点击屏幕后循环播放图片

（1）在drawable文件夹创建frame.xml存放图片集：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_corner" android:duration="1000"/>
    <item android:drawable="@drawable/ic_baseline_arrow_back_24" android:duration="1000"/>
</animation-list>
<!--
animation-list存放播放的图片集
item存放单个图片
    drawable：图片源
    duration：图片持续显示的时间ms
-->

（2）因为frame.xml位于drawable文件夹，所以可以把它当做是一个图片文件，可以作为background：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:id="@+id/lay1"
    android:background="@drawable/frame"/>

（3）java中获取xml对象开启播放：

package com.example.t.androidproject.myapplication2;

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;

import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        LinearLayout lay1 = findViewById(R.id.lay1);
        //获取frame.xml对象
        AnimationDrawable frame = (AnimationDrawable) lay1.getBackground();
        //点击屏幕播放帧动画
        lay1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                frame.start();//start方法开始播放
                //frame.stop();stop方法停止播放
            }
        });
    }
}

二、补间动画：

1.效果：

实现元素旋转、缩放、平移、透明度变化效果。

2.实现图片透明度变化动画：

（1）创建资源文件夹anim，在该文件夹下创建Animation类型的xml文件alpha.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:duration = "2000"
        android:fromAlpha="0"
        android:toAlpha="1"
        />
</set>
<!--
alpha：透明度动画
    fromAlpha：初始透明度
    toAlpha：最终透明度
    duration：变化时间
-->

（2）Java中获取xml对象并开启播放：

package com.example.t.androidproject.myapplication2;

import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        ImageView imageView = findViewById(R.id.iv);
        //通过加载alpha.xml文件创建Animation对象
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
        //为图片imageView开启透明度动画
        imageView.startAnimation(animation);
    }
}

3.实现图片旋转动画：

（1）创建资源文件夹anim，在该文件夹下创建Animation类型的xml文件rotate.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000"
        />
</set>
<!--rotate旋转动画
    fromDegrees：初始角度
    toDegrees：最终角度
    pivotX、pivotY：旋转轴
    duration：动画持续时间
-->

（2）Java中获取xml对象并开启播放：

package com.example.t.androidproject.myapplication2;

import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        ImageView imageView = findViewById(R.id.iv);
        //通过加载rotate.xml文件创建Animation对象
        Animation rotate = AnimationUtils.loadAnimation(this, R.anim.rotate);
        //为图片imageView开启动画
        imageView.startAnimation(rotate);
    }
}

4.实现图片缩放动画：

（1）创建资源文件夹anim，在该文件夹下创建Animation类型的xml文件scale.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:duration="2000"
        android:fromXScale="1"
        android:fromYScale="1"
        android:toXScale="0.5"
        android:toYScale="0.5"
        android:pivotX="50%"
        android:pivotY="50%"
        />
</set>
<!--scale缩放动画
    fromXScale、fromYScale：初始大小
    toXScale、toYScale：缩放后大小
    pivotX、pivotY：旋转轴
    duration：动画持续时间
-->

（2）Java中获取xml对象并开启播放：

package com.example.t.androidproject.myapplication2;

import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        ImageView imageView = findViewById(R.id.iv);
        //通过加载scale.xml文件创建Animation对象
        Animation scale = AnimationUtils.loadAnimation(this, R.anim.scale);
        //为图片imageView开启动画
        imageView.startAnimation(scale);
    }
}

5.实现图片平移动画：

（1）创建资源文件夹anim，在该文件夹下创建Animation类型的xml文件translate.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="400"
        android:toYDelta="400"
        android:duration="2000"
        />
</set>
<!--translate平移动画
    fromXDelta、fromYDelta：起始位置
    toXDelta、toYDelta：结束位置
    duration：动画持续时间
-->

（2）Java中获取xml对象并开启播放：

package com.example.t.androidproject.myapplication2;

import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        ImageView imageView = findViewById(R.id.iv);
        //通过加载translate.xml文件创建Animation对象
        Animation translate = AnimationUtils.loadAnimation(this, R.anim.translate);
        //为图片imageView开启动画
        imageView.startAnimation(translate);
    }
}

三、属性动画：

1.效果：

操控属性值，使某个属性值从x逐渐改变为y。

2.实现方式一：元素值从of变化到1f

package com.example.t.androidproject.myapplication2;

import android.animation.ValueAnimator;
import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        //第一步：ValueAnimator对象用来改变元素值
        ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 1f);
        //第二步：设置持续时间，这里是把从of到1f的变化时间设置为1s
        valueAnimator.setDuration(2000);
        //ValueAnimator事件监听，用于捕获当前的元素值
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //获取当前的值
                float value = (float) animation.getAnimatedValue();
                //可以在这里进行操作，比如动态改变EditText的值为value
            }
        });
        //第三步：开启ValueAnimator
        valueAnimator.start();
    }
}

3.实现方式二：

package com.example.t.androidproject.myapplication2;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.widget.TextView;

import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;



public class LoginActivity extends Activity {
    @RequiresApi(api = Build.VERSION_CODES.O)
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.avtivity_login);
        TextView textView = findViewById(R.id.iv);
        //第一步：ValueAnimator对象用来改变元素值,这里是修改textView的属性值alpha从0f到1f
        ObjectAnimator animator = ObjectAnimator.ofFloat(textView, "alpha", 0f, 1f);
        //第二步：设置持续时间，这里是把从of到1f的变化时间设置为1s
        animator.setDuration(2000);
        //第三步：开启ObjectAnimator
        animator.start();

        //监听器
        animator.addListener(new Animator.AnimatorListener() {
            //动画开始的时候调用
            @Override
            public void onAnimationStart(Animator animation) {

            }
            //动画结束的时候调用
            @Override
            public void onAnimationEnd(Animator animation) {

            }
            //动画被取消的时候调用
            @Override
            public void onAnimationCancel(Animator animation) {

            }
            //动画重复执行的时候调用
            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        //也是监听器，这种方式允许我们只实现一个事件，而上面的方式必须实现四个事件
        animator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationCancel(Animator animation) {
                super.onAnimationCancel(animation);
            }
        });
    }
}