android中的动画:帧动画、补间动画、属性动画

帧动画

>一张张图片不断的切换,形成动画效果

*drawable目录下定义xml文件,子节点为animation-list,在这里定义要显示的图片和每张图片的显示时长

<animation-listxmlns:android="http://schemas.android.com/apk/res/android"android:oneshot="false">

<item android:drawable="@drawable/g1"android:duration="200" />

<item android:drawable="@drawable/g2"android:duration="200" />

<item android:drawable="@drawable/g3"android:duration="200" />

</animation-list>

*在屏幕上播放帧动画

ImageViewiv = (ImageView) findViewById(R.id.iv);

//把动画文件设置为imageView的背景

iv.setBackgroundResource(R.drawable.animations);

Animation    Drawablead = (AnimationDrawable) iv.getBackground();

//播放动画

ad.start();

补间动画

*原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画

*位移、旋转、缩放、透明

#####位移

*参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的真实X+ 10

*参数150指的是X的终点坐标,它的值是imageview的真实X+ 150

//创建为位移动画对象,设置动画的初始位置和结束位置

TranslateAnimation  ta = new TranslateAnimation(10, 150, 20, 140);

*x坐标的起点位置,如果相对于自己,传0.5f,那么起点坐标就是真实X+ 0.5 * iv宽度

*x坐标的终点位置,如果传入2,那么终点坐标就是真实X+ 2 * iv的宽度

*y坐标的起点位置,如果传入0.5f,那么起点坐标就是真实Y+ 0.5 * iv高度

*y坐标的终点位置,如果传入2,那么终点坐标就是真实Y+ 2 * iv高度

TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 2);

*动画播放相关的设置

//设置动画持续时间

ta.setDuration(2000);

//动画重复播放的次数

ta.setRepeatCount(1);

//动画重复播放的模式

ta.setRepeatMode(Animation.REVERSE);

//动画播放完毕后,组件停留在动画结束的位置上

ta.setFillAfter(true);

//播放动画

iv.startAnimation(ta);

#####缩放

*参数0.1f表示动画的起始宽度是真实宽度的0.1

*参数4表示动画的结束宽度是真实宽度的4

*缩放的中心点在iv左上角

ScaleAnimation  sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);

*参数0.1f4意义与上面相同

*改变缩放的中心点:传入的两个0.5f,类型都是相对于自己,这两个参数改变了缩放的中心点

*中心点x坐标=真实X+ 0.5 * iv宽度

*中心点Y坐标=真实Y+ 0.5 * iv高度

ScaleAnimation  sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

#####透明

*0为完全透明,1为完全不透明

AlphaAnimation  aa = new AlphaAnimation(0, 0.5f);

#####旋转

*20表示动画开始时的iv的角度

*360表示动画结束时iv的角度

*默认旋转的圆心在iv左上角


RotateAnimation  ra = new RotateAnimation(20, 360);

*20,360的意义和上面一样

*指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X+ iv宽度*0.5

*圆心的Y坐标:真实Y+ iv高度*0.5

RotateAnimation  ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

#####所有动画一起飞

//创建动画集合

AnimationSet  set = new AnimationSet(false);

//往集合中添加动画

set.addAnimation(aa);

set.addAnimation(sa);

set.addAnimation(ra);

iv.startAnimation(set);

属性动画

*补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变

###位移:

*第一个参数target指定要显示动画的组件

*第二个参数propertyName指定要改变组件的哪个属性

*第三个参数values是可变参数,就是赋予属性的新的值

*传入0,代表x起始坐标:当前x+ 0

*传入100,代表x终点坐标:当前x+ 100

//具有getset方法的成员变量就称为属性

ObjectAnimator  oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;

###缩放:

*第三个参数指定缩放的比例

*0.1是从原本高度的十分之一开始

*2是到原本高度的2倍结束

ObjectAnimator   oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);

###透明:

*透明度,0是完全透明,1是完全不透明

ObjectAnimator   oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);

###旋转

*rotation指定是顺时针旋转

*20是起始角度

*270是结束角度

ObjectAnimator   oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);

*属性指定为rotationX是竖直翻转

*属性指定为rotationY是水平翻转


ObjectAnimator   oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180);

###可变参数

*第三个参数可变参数可以传入多个参数,可以实现往回位移(旋转、缩放、透明)

ObjectAnimator   oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30,100) ;

###所有动画一起飞

//创建动画师集合

AnimatorSetset = new AnimatorSet();

//设置要播放动画的组件

set.setTarget(bt);

//所有动画有先后顺序的播放

//set.playSequentially(oa,oa2, oa3, oa4);

//所有动画一起播放

set.playTogether(oa,oa2, oa3, oa4);

set.start();


Tween动画,这种实现方式可以使视图组件移动、放大、缩小以及产生透明度的变化;就是在两点之间插入渐变值来平滑过渡。
Frame动画,传统的动画方法,通过顺序的播放排列好的图片来实现,类似电影。

属性动画和补间动画类似,不过是真的属性在变动,包括可视属性和其他属性。补间动画仅仅是可视属性在显示层面的动画,属性的实质并未改动。一般情况下推荐使用最新的属性动画。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值