目录

  • 一、逐帧动画:
  • 1.效果:
  • 2.实现步骤:点击屏幕后循环播放图片
  • (1)在drawable文件夹创建frame.xml存放图片集:
  • (2)因为frame.xml位于drawable文件夹,所以可以把它当做是一个图片文件,可以作为background:
  • (3)java中获取xml对象开启播放:
  • 二、补间动画:
  • 1.效果:
  • 2.实现图片透明度变化动画:
  • (1)创建资源文件夹anim,在该文件夹下创建Animation类型的xml文件alpha.xml:
  • (2)Java中获取xml对象并开启播放:
  • 3.实现图片旋转动画:
  • (1)创建资源文件夹anim,在该文件夹下创建Animation类型的xml文件rotate.xml:
  • (2)Java中获取xml对象并开启播放:
  • 4.实现图片缩放动画:
  • (1)创建资源文件夹anim,在该文件夹下创建Animation类型的xml文件scale.xml:
  • (2)Java中获取xml对象并开启播放:
  • 5.实现图片平移动画:
  • (1)创建资源文件夹anim,在该文件夹下创建Animation类型的xml文件translate.xml:
  • (2)Java中获取xml对象并开启播放:
  • 三、属性动画:
  • 1.效果:
  • 2.实现方式一:元素值从of变化到1f
  • 3.实现方式二:


一、逐帧动画:

  • 用来连续播放图片。

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);
            }
        });
    }
}