Android 动画讲解

Android动画实现一般都用animation,分为了三种, 分别是补间动画(View Animation),帧动画(Drawable Animation),属性动画(Property Animation)

1、帧动画

帧动画就是顺序播放一组预先定义好的图片,就类似于我们观看视频,就是一张一张的图片连续播放,但是容易引起内存溢出,只适合小型图片的播放功能。

帧动画的使用很简单,总共就两个步骤:

  1. 在res/drawable目录下定义一个XML文件,根节点为系统提供的animation-list,然后放入定义更好的图片;
  2. 使用AnimationDrawable类播放第一步定义好的Drawable中的图片,形成动画效果;

代码示例:

第一步,创建Drawable文件

<?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/image01" android:duration="500"/>
	<item android:drawable="@drawable/image02" android:duration="500"/>
	<item android:drawable="@drawable/image03" android:duration="500"/>
</animation-list>

上述xml中,有些属性我们要了解到:

  • android:oneshot=“false”: 表示是否重复播放动画,还是只播放一次;
  • 每个item都有Drawable和duration属性,Drawable表示我们要播放的图片;duration表示这张图播放的时间;

实际上,从名字也可以看出,AnimationDrawable是一个Drawable的子类,所以我们定义的xml文件也是放在res/rawable目录下。

第二步,用AnimationDrawable播放动画

    Button button = findViewById(R.id.btn);
    button.setBackgroundResource(R.drawable.frame_animation);//把Drawable设置为button的背景
    //拿到这个我们定义的Drawable,实际也就是AnimationDrawable
    AnimationDrawable animationDrawable = (AnimationDrawable) button.getBackground();
    animationDrawable.start();//开启动画
    //animationDrawable.stop();//停止动画

2、补间动画

我们只需要设定一个view的开始和结束的位置,中间的view会自动由系统补齐。

动画效果包含四个子类:(位置(TranslateAnimation)、大小(ScaleAnimation)、旋转(RotateAnimation)、透明度(AlphaAnimation);实现View动画的方式有两种,一种是在xml中直接写动画效果,一种是在activity代码中写。View动画的四种基本效果对应了四个Animation的子类,如下:
在这里插入图片描述

注意: 补间动画有一个很大的问题,就是当移动到指定位置后,点击该位置是无效的,只能点击原来的位置才有效,它并不是真的移动到该位置了,可以通过下面的属性动画来解决。

2.1 单一动画

代码示例:

第一步,创建XML文件

在res/anim目录下创建相应的xml文件

平移动画translate_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<!--移动标签:fromXDelta,toXDelta表示x轴移动的像素点;
			fromYDelta,toYDelta表示Y轴移动的像素点-->
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="100"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="0"/>

缩放动画scale_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<!--缩放标签:fromXScale,toXScale表示水平缩放的起始值和结束值;
			fromYScale,toYScale竖直方向的缩放起始值和结束值。
			pivotX,pivotY,表示缩放动画效果的基准点x,y轴-->
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXScale="0.0"
    android:fromYScale="0.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="1.0"
    android:toYScale="1.0"/>

旋转动画rotate_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<!--旋转标签:fromDegrees:表示旋转角度的起始角度,toDegrees:结束角度;
			pivotX:表示旋转的X轴坐标;
			pivotY:表示旋转的Y轴坐标
			fillAfter:动画结束后,保持结束时的状态
			fillBefore:动画结束后,恢复为初始状态
			repeatCount:重复次数,取值为-1时无限重复,默认动画执行一次
			repeatMode:重复模式,有reverse和restart两个值,前者为倒序回放,后者为重新开始-->
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
	android:toDegrees="180"
	android:pivotX="50%"
    android:fillBefore="true"
	android:pivotY="50%"
	android:duration<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值