帧动画――FrameAnimation
将一系列图片有序播放,形成动画的效果。其本质是一个Drawable,是一系列图片的集合,本身可以当做一个图片一样使用
在Drawable文件夹下,创建animation-List为根节点的资源文件
<animation-List androID:oneshot="false"> <item androID:drawable="@drawable/img1" androID:duration="100"/> <item androID:drawable="@drawable/img2" androID:duration="100"/> <item androID:drawable="@drawable/img3" androID:duration="100"/> <item androID:drawable="@drawable/img4" androID:duration="100"/></animation-List>
oneshot:是否只播放一次
drawable:一帧引用的图片
duration:一帧播放的时间
播放动画
将动画作为控件的背景
((AnimationDrawable)vIEw.getBackground()).start();
Animation常用属性
duration:动画时间
repeatCount:重复次数 infinite无限次
fillAfter:是否停止在最后一帧
repeatMode:重复模式 值:restart重新开始,reserve反复
startOffset:开始延迟时间
补间动画 Tween Animation
只能应用于VIEw对象,只支持部分属性,VIEw animation值改变了VIEw绘制的位置,并没有改变对象本身的真实位置
可以使用XML定义也可以使用代码定义 XML定义的动画放在/res/anim/文件夹内
开始动画 通过vIEw的startAnimation(Animation a) 参数定义的动画
四种补间动画通过XML定义
AlphaAnimation:透明度动画
<?xml version="1.0" enCoding="utf-8"?><Alpha xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:fromAlpha="0" androID:toAlpha="1" androID:duration="2000"> <!-- fromAlpha 起始透明度 0为完全透明 1为不透明 0~1之间的浮点值 toAlpha 结束透明度 duration 动画运行时间 单位毫秒 --></Alpha>
AlphaAnimation AlphaAnimation=null; //加载XML中的动画XML文件 AlphaAnimation= (AlphaAnimation) AnimationUtils.loadAnimation(MainActivity.this,R.anim.anim_Alpha); //常用属性设置 各种动画通用 AlphaAnimation.setRepeatCount(3);//执行动画效果结束后重复执行3次 一共4次 AlphaAnimation.setRepeatMode(Animation.REVERSE);//重复模式 //动画结束是否停止在最后一帧 AlphaAnimation.setFillAfter(true); //动画结束是否停止在第一帧 AlphaAnimation.setFillBefore(false); //设置插值器 动画执行速度 变速 加减速。。 //AccelerateInterpolator减速 //DecelerateInterpolator加速 AlphaAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
ScaleAnimation:缩放动画
代码加载的方式和方法的使用与AlphaAnimation一样
<?xml version="1.0" enCoding="utf-8"?><scale xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:toXScale="1" androID:toYScale="1" androID:fromXScale="0.1" androID:fromYScale="0.1" androID:pivotY="0%" androID:pivotX="0%" androID:duration="2000"> <!-- 浮点值 表示倍数 自身几倍 fromXScale 动画在X轴以自身几倍伸缩开始 toXScale 动画在X轴以自身几倍伸缩结束 fromYScale 动画在Y轴以自身几倍伸缩开始 toYScale 动画在Y轴以自身几倍伸缩结束 pivotX 动画相对于控件自身的X坐标的开始位置 pivotY 动画相对于控件自身的Y坐标的开始位置 0% 0% 表示控件左上角 为0,0原点坐标 --></scale>
TranslateAnimation:平移动画
<?xml version="1.0" enCoding="utf-8"?><translate xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:fromXDelta="-100%p" androID:fromYDelta="0" androID:toXDelta="100%p" androID:toYDelta="0" androID:duration="2000"> <!-- fromXDelta x轴起始位置 toXDelta X轴结束位置 fromYDelta y轴起始位置 toYDelta y轴结束位置 100%p 表示相对于父级 100%相对于自身--></translate>
RotateAnimation:旋转动画
<?xml version="1.0" enCoding="utf-8"?><rotate xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:fromdegrees="0" androID:todegrees="360" androID:duration="2000" androID:pivotX="50%" androID:pivotY="50%"androID:interpolator="@androID:anim/accelerate_decelerate_interpolator"> <!-- interpolator 指定动画的插值器 accelerate_decelerate_interpolator 加速-减速 accelerate_interpolator 加速 decelerate_interpolator 减速 fromdegrees 动画起始角度 todegrees 动画结束旋转的角度 可以大于360度 负数表示逆时针旋转 正数表示顺时针旋转 pivotX相对于vIEw的X坐标的开始位置 pivotY相对于vIEw的Y坐标的开始位置绝对尺寸 100px 50% 相对尺寸 相对于自身的50% 50%p 相对尺寸 相对于父容器的50% 50%为物件的X或Y方向坐标上的中点位置 duration 动画播放时间 单位毫秒--></rotate>
通过构造方法创建
构造参数详解 此段内容选自 http://www.cnblogs.com/aimeng/archive/2011/10/10/2206710.html
//在代码中定义 动画实例对象private Animation myAnimation_Alpha;private Animation myAnimation_Scale;private Animation myAnimation_Translate;private Animation myAnimation_Rotate; //根据各自的构造方法来初始化一个实例对象myAnimation_Alpha=new AlphaAnimation(0.1f,1.0f); myAnimation_Scale =new ScaleAnimation(0.0f,1.4f,0.0f,Animation.relative_TO_SELF,0.5f,0.5f); myAnimation_Translate=new TranslateAnimation(30.0f,-80.0f,30.0f,300.0f); myAnimation_Rotate=new RotateAnimation(0.0f,+350.0f,0.5f);
AlphaAnimation
AnimationAlphaAnimation(float fromAlpha,float toAlpha)//第一个参数fromAlpha为 动画开始时候透明度//第二个参数toAlpha为 动画结束时候透明度myAnimation_Alpha=new AlphaAnimation(0.1f,1.0f);//说明:// 0.0表示完全透明// 1.0表示完全不透明myAnimation_Alpha.setDuration(5000);//设置时间持续时间为 5000毫秒
ScaleAnimation
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坐标上的伸缩尺寸 /*说明: 以上四种属性值 0.0表示收缩到没有 1.0表示正常无伸缩 值小于1.0表示收缩 值大于1.0表示放大 */ //第五个参数pivotXType为动画在X轴相对于物件位置类型 //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置 //第七个参数pivotXType为动画在Y轴相对于物件位置类型 //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置 myAnimation_Scale =new ScaleAnimation(0.0f,0.5f); myAnimation_Scale.setDuration(700); //设置时间持续时间为 700毫秒
TranslateAnimation
TranslateAnimation(float fromXDelta,float toXDelta,float fromYDelta,float toYDelta) //第一个参数fromXDelta为动画起始时 X坐标上的移动位置 //第二个参数toXDelta为动画结束时 X坐标上的移动位置 //第三个参数fromYDelta为动画起始时Y坐标上的移动位置 //第四个参数toYDelta为动画结束时Y坐标上的移动位置
RotateAnimation
RotateAnimation(float fromdegrees,float todegrees,float pivotYValue) //第一个参数fromdegrees为动画起始时的旋转角度 //第二个参数todegrees为动画旋转到的角度 //第三个参数pivotXType为动画在X轴相对于物件位置类型 //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置 //第五个参数pivotXType为动画在Y轴相对于物件位置类型 //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置 myAnimation_Rotate=new RotateAnimation(0.0f,0.5f);
属性动画
相对补间动画 属性动画会真正的使目标对象的属性值发生改变,不像补间动画只是影像的改变 只能修改具有get/set方法的属性值
因为可以修改对象的属性,属性动画可以做到更多的效果,改变文本大小,背景颜色等等
属性动画创建在 res/animator
ValueAnimator
包含属性动画的所有核心功能,动画时间,开始、结束属性值,属性值计算方法等。
ValuAnimiator设置开始结束值 实现ValueAnimator.onUpdateListener接口,
这个接口只有一个函数onAnimationUpdate(),在这个函数中会传入ValueAnimator对象做为参数,通过这个ValueAnimator对象的getAnimatedValue()函数可以得到当前的属性值
把属性值设置给某个控件的某个属性
使用xml
<?xml version="1.0" enCoding="utf-8"?><animator xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:duration="1000" androID:valueFrom="0" androID:valueto="300" androID:valueType="intType"androID:interpolator="@androID:interpolator/overshoot"> <!-- valueFrom 起始值 valueto 结束值 valueType 值的类型 intType整数值、floatType浮点值、@R_301_6004@Type颜色值 interpolator插值器 --></animator>
ValueAnimator valueAnimator=null; //通过AnimatorInflater.loadAnimator()加载xml 创建ValueAnimator valueAnimator= (ValueAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_value); //动画执行时间 valueAnimator.setDuration(3000); //值改变监听 valueAnimator.addUpdateListener(Listener); //开始动画 valueAnimator.start();
private ValueAnimator.AnimatorUpdateListener Listener=new ValueAnimator.AnimatorUpdateListener() { @OverrIDe public voID onAnimationUpdate(ValueAnimator animation) { //获取值 int value= (int) animation.getAnimatedValue(); //btnValueAnimator为测试控件 //设置控件X轴平移 btnValueAnimator.setTranslationX(value); } };
使用代码
/** * valueAnimator 单个值 */ //代码创建 ValueAnimator类自身的方法 //offloat值类型float ValueAnimator valueAnimator=ValueAnimator.offloat(0,1); //ofInt值类型int 从0~300 valueAnimator=ValueAnimator.ofInt(0,300); //也可以用来设置颜色 在颜色改变过程中会将颜色变化情况显示出来 //红色到蓝色的改变过程 显示N种颜色 valueAnimator=ValueAnimator.ofInt(@R_301_6004@.RED,@R_301_6004@.BLUE); //ofArgb设置颜色 如果无法使用 是的sdk版本低了 //这个方法改变颜色过程中只显示红色和蓝色 //valueAnimator=ValueAnimator.ofArgb(@R_301_6004@.RED,@R_301_6004@.BLUE); //设置插值器 valueAnimator.setInterpolator(new CycleInterpolator()); /** * * ValueAnimator.ofPropertyValuesHolder 设置多个值 */ //设置动画属性 参数1:名字 参数2,3值的变化区间 PropertyValuesHolder AlphaHolder=PropertyValuesHolder.offloat("Alpha",0f,1f); PropertyValuesHolder wIDthHolder=PropertyValuesHolder.ofInt("wIDth",300); //ValueAnimator.ofPropertyValuesHolder 添加holder 创建动画valueAnimator=ValueAnimator.ofPropertyValuesHolder(AlphaHolder,wIDthHolder); //动画执行时间 valueAnimator.setDuration(3000); //值改变监听 valueAnimator.addUpdateListener(Listener);
private ValueAnimator.AnimatorUpdateListener Listener=new ValueAnimator.AnimatorUpdateListener() { @OverrIDe public voID onAnimationUpdate(ValueAnimator animation) { /** * 单个值获取 getAnimatedValue取出变化值 根据设置类型强转 * btnValueAnimator 测试用的button */// int value= (int) animation.getAnimatedValue();// btnValueAnimator.setTranslationX(value);横坐标平移// float value= (float) valueAnimator.getAnimatedValue();// btnValueAnimator.setAlpha(value);透明度改变// int value= (int) animation.getAnimatedValue();// btnValueAnimator.setText@R_301_6004@(value);文字颜色改变 /** * PropertyValuesHolder存了多个值 通过名字获取 强制转换 */ float Alpha= (float) valueAnimator.getAnimatedValue("Alpha"); int wIDth= (int) valueAnimator.getAnimatedValue("wIDth"); btnValueAnimator.setAlpha(Alpha);//改变透明度 //图像绘制 左边不变从右边慢慢增加 //修改控件的wIDth height不能使用setWIDth或setHeight btnValueAnimator.setRight(wIDth); //btnValueAnimator.setBottom(wIDth); } };
ObjectAnimator:
继承自ValueAnimator,要指定一个对象及该对象的一个属性,当属性值计算完成时自动设置为该对象的相应属性,不需要设置监听,底层自动完成,一般会用ObjectAnimator来改变某一对象的某一属性
//用来测试的button button btnObjectAnimator= (button) findVIEwByID(R.ID.btn_object_animator); //加载动画 ObjectAnimator objectAnimator= (ObjectAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_object); //绑定控件 objectAnimator.setTarget(btnObjectAnimator); //参数1 绑定控件 参数2 设置 属性 参数3 设置值 objectAnimator=ObjectAnimator.ofInt(btnObjectAnimator,"text@R_301_6004@",@R_301_6004@.RED); //PropertyValuesHolder设置多个属性 PropertyValuesHolder translationXHolder=PropertyValuesHolder.offloat("translationX",300); PropertyValuesHolder translationYHolder=PropertyValuesHolder.offloat("translationY",200);objectAnimator=ObjectAnimator.ofPropertyValuesHolder(btnObjectAnimator,translationXHolder,translationYHolder); objectAnimator.setDuration(3000); //开始动画 objectAnimator.start();
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程小技巧!
总结以上是内存溢出为你收集整理的android 帧动画,补间动画,属性动画的简单总结全部内容,希望文章能够帮你解决android 帧动画,补间动画,属性动画的简单总结所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)