一、逐帧动画:
- 用来连续播放图片。
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);
}
});
}
}