100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > android动画之帧动画(drawable animation)和补间动画(view animation)

android动画之帧动画(drawable animation)和补间动画(view animation)

时间:2022-08-16 09:08:19

相关推荐

android动画之帧动画(drawable animation)和补间动画(view animation)

帧动画

drawable animation使用比较简单,而且支持市场上所以API版本,下面简单贴下代码。帧动画,就像GIF图片,通过一系列Drawable依次显示来模拟动画的效果。

直接代码贴上

xml资源文件配置

<?xml version="1.0" encoding="utf-8"?><!--根标签为animation-listXML文件要放在/res/drawable目录下其中oneshot代表着是否只展示一遍,设置为false会不停的循环播放动画根标签下,通过item标签对动画中的每一个图片进行声明android:duration 表示展示所用的该图片的时间长度--><animation-list xmlns:android="/apk/res/android"android:oneshot="true"><item android:drawable="@mipmap/ic_launcher1"android:duration="150"></item><item android:drawable="@mipmap/ic_launcher2"android:duration="150"></item><item android:drawable="@mipmap/ic_launcher3"android:duration="150"></item><item android:drawable="@mipmap/ic_launcher4"android:duration="150"></item></animation-list>

主要方法

/*** android中的逐帧动画.* 逐帧动画的原理很简单,跟电影的播放一样,一张张类似的图片不停的切换,当切换速度达到一定值时,* 我们的视觉就会出现残影,残影的出现保证了视觉上变化的连续性,这时候图片的切换看在我们眼中就跟真实的一样了。* 想使用逐帧动画:* 第一步:需要在res/drawable文件夹下新建一个xml文件,该文件详细定义了动画播放时所用的图片、切换每张图片* 所用的时间、是否为连续播放等等。(有些文章说,在res/anim文件夹下放置该文件,事实证明,会出错哦)* 第二步:在代码中,将该动画布局文件,赋值给特定的图片展示控件,如本例子中的ImageView。* 第三步:通过imageView.getBackGround()获取相应的AnimationDrawable对象,然后通过该对象的方法进行控制动画** @param targetButton*/public void test2(ImageView targetButton) {// 获取AnimationDrawable对象targetButton.setBackgroundResource(R.drawable.test);AnimationDrawable animationDrawable = (AnimationDrawable) targetButton.getBackground();// 动画是否正在运行if (animationDrawable.isRunning()) {//停止动画播放animationDrawable.stop();} else {//开始或者继续动画播放animationDrawable.start();}}

帧动画结束了,下面开始补间动画

补间动画

用xml资源文件实现,资源文件全部放入Android项目的res/anim/目录下。

目前Android应用框架支持的补间动画效果有以下5种。具体实现在android.view.animation类库中。

1.AlphaAnimation:透明度(alpha)渐变效果,对应标签。

2.TranslateAnimation:位移渐变,需要指定移动点的开始和结束坐标,对应标签。

3.ScaleAnimation:缩放渐变,可以指定缩放的参考点,对应标签。

4.RotateAnimation:旋转渐变,可以指定旋转的参考点,对应标签。

5.AnimationSet:组合渐变,支持组合多种渐变效果,对应标签。

重要的xml资源文件贴上

<alpha xmlns:android="/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromAlpha="1.0" android:toAlpha="0.1" android:duration="2000"/> <!-- fromAlpha :起始透明度 toAlpha:结束透明度 1.0表示完全不透明 0.0表示完全透明 -->

<rotate xmlns:android="/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromDegrees="0" android:toDegrees="360" android:duration="1000" android:repeatCount="1" android:repeatMode="reverse"/> <!-- fromDegrees:表示旋转的起始角度 toDegrees:表示旋转的结束角度 repeatCount:旋转的次数 默认值是0 代表旋转1次 如果值是repeatCount=4 旋转5次,值为-1或者infinite时,表示补间动画永不停止 repeatMode 设置重复的模式。默认是restart。当repeatCount的值大于0或者为infinite时才有效。 repeatCount=-1 或者infinite 循环了 还可以设成reverse,表示偶数次显示动画时会做与动画文件定义的方向相反的方向动行。 -->

<scale xmlns:android="/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" android:fromXScale="0.2" android:toXScale="1.5" android:fromYScale="0.2" android:toYScale="1.5" android:pivotX="50%" android:pivotY="50%" android:duration="2000"/> <!-- fromXScale:表示沿着x轴缩放的起始比例 toXScale:表示沿着x轴缩放的结束比例 fromYScale:表示沿着y轴缩放的起始比例 toYScale:表示沿着y轴缩放的结束比例 图片中心点: android:pivotX="50%" android:pivotY="50%" -->

<translate xmlns:android="/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXDelta="0" android:toXDelta="320" android:fromYDelta="0" android:toYDelta="0" android:duration="2000"/> <!-- android:interpolator 动画的渲染器 1、accelerate_interpolator(动画加速器) 使动画在开始的时候 最慢,然后逐渐加速 2、decelerate_interpolator(动画减速器)使动画在开始的时候 最快,然后逐渐减速 3、accelerate_decelerate_interpolator(动画加速减速器) 中间位置分层: 使动画在开始的时候 最慢,然后逐渐加速 使动画在开始的时候 最快,然后逐渐减速 结束的位置最慢 fromXDelta 动画起始位置的横坐标 toXDelta 动画起结束位置的横坐标 fromYDelta 动画起始位置的纵坐标 toYDelta 动画结束位置的纵坐标 duration 动画的持续时间 -->

<set xmlns:android="/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" android:shareInterpolator="true" > <scale android:duration="2000" android:fromXScale="0.2" android:fromYScale="0.2" android:pivotX="50%" android:pivotY="50%" android:toXScale="1.5" android:toYScale="1.5" /> <rotate android:duration="1000" android:fromDegrees="0" android:repeatCount="1" android:repeatMode="reverse" android:toDegrees="360" /> <translate android:duration="2000" android:fromXDelta="0" android:fromYDelta="0" android:toXDelta="320" android:toYDelta="0" /> <alpha android:duration="2000" android:fromAlpha="1.0" android:toAlpha="0.1" /> </set>

加载xml资源文件的Java代码,举个例子,其他类似

// 移动效果public void translateImpl(View v) {// XML文件Animation animation = AnimationUtils.loadAnimation(this,R.anim.translate_demo);animation.setRepeatCount(Animation.INFINITE);//循环显示v.startAnimation(animation);}

public void setAll(View v) {Animation animation = AnimationUtils.loadAnimation(this,R.anim.set_demo);v.startAnimation(animation);}

在xml里面写资源文件,大家看代码就很清晰

但是要注意的一点是,例如平移开始点相对的锚点默认是view的左上角

用代码控制也很容易

java中对应的方法

setDuration 设置持续时间

startNow 立刻启动动画

start 启动动画

cancel 取消动画

setRepeatCount 设置重复次数

setFillEnabled 使能填充效果

setFillBefore 设置起始填充

setFillAfter 设置终止填充

setRepeatMode 设置重复模式

setStartOffset 设置启动时间

一:TranslateAnimation类:位置变化动画

TranslateAnimation类是Android系统中的位置变化动画类,用于控制View对象的位置变化,该类继承于Animation类。TranslateAnimation类中的很多方法都与Animation类一致,该类中最常用的方法便是TranslateAnimation构造方法。

【基本语法】public TranslateAnimation (float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

【参数说明】

fromXDelta:位置变化的起始点X坐标。

toXDelta:位置变化的结束点X坐标。

fromYDelta:位置变化的起始点Y坐标。

toYDelta:位置变化的结束点Y坐标。

二:RotateAnimation类:旋转变化动画类

RotateAnimation类是Android系统中的旋转变化动画类,用于控制View对象的旋转动作,该类继承于Animation类。RotateAnimation类中的很多方法都与Animation类一致,该类中最常用的方法便是RotateAnimation构造方法。

【基本语法】public RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

【参数说明】

fromDegrees:旋转的开始角度。

toDegrees:旋转的结束角度。

pivotXType:X轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotXValue:X坐标的伸缩值。

pivotYType:Y轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotYValue:Y坐标的伸缩值。

三:ScaleAnimation类:尺寸变化动画

ScaleAnimation类是Android系统中的尺寸变化动画类,用于控制View对象的尺寸变化,该类继承于Animation类。ScaleAnimation类中的很多方法都与Animation类一致,该类中最常用的方法便是ScaleAnimation构造方法。

【基本语法】public ScaleAnimation (float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

【参数说明】

fromX:起始X坐标上的伸缩尺寸。

toX:结束X坐标上的伸缩尺寸。

fromY:起始Y坐标上的伸缩尺寸。

toY:结束Y坐标上的伸缩尺寸。

pivotXType:X轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotXValue:X坐标的伸缩值。

pivotYType:Y轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。

pivotYValue:Y坐标的伸缩值。

四:AlphaAnimation类:透明度变化动画类

AlphaAnimation类是Android系统中的透明度变化动画类,用于控制View对象的透明度变化,该类继承于Animation类。AlphaAnimation类中的很多方法都与Animation类一致,该类中最常用的方法便是AlphaAnimation构造方法。

【基本语法】public AlphaAnimation (float fromAlpha, float toAlpha)

【参数说明】

fromAlpha:开始时刻的透明度,取值范围0~1。

toAlpha:结束时刻的透明度,取值范围0~1。

五:AnimationSet类:动画集合类

AnimationSet类是Android系统中的动画集合类,用于控制View对象进行多个动作的组合,该类继承于Animation类。AnimationSet类中的很多方法都与Animation类一致,该类中最常用的方法便是addAnimation方法,该方法用于为动画集合对象添加动画对象。

大家了解了那几个类的使用就明白了,下面简单贴下Java代码

public void test4(View view) {Animation translateAnimation = new TranslateAnimation(0, 300, 0, 300);//移动动画效果 translateAnimation.setDuration(3000); //设置动画持续时间 view.setAnimation(translateAnimation); //设置动画效果 translateAnimation.startNow(); //启动动画 }

大家重点要明白AlphaAnimation,TranslateAnimation,ScaleAnimation,RotateAnimation,AnimationSet这几个类的构造方法参数的含义

参考了两个写得比较好的博客这里附上链接

/sgx425021234/article/details/9195829

/heyuchang666/article/details/41478795

/**

* --------------

* 欢迎转载 | 转载请注明

* --------------

* 如果对你有帮助,请点击|顶|

* --------------

* 请保持谦逊 | 你会走的更远

* --------------

* @author css

* @github /songsongbrother

* @blog /xiangxi101

*/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。