标签:
说起动画,其实一点也不陌生,在使用一款app的时候为了优化用户体验,多多少少的,都会加入动画。
安卓中的动画,分为两大类:补间动画和属性动画。本篇博文会详细介绍总结这两大动画,希望本篇博文对你的学习和生活有所帮助。
**补间动画**
补间动画分为四类:平移动画,旋转动画,缩放动画和渐变动画。这几类动画用法都差不多,只是对象参数不同这里我统一展示出来。以下是效果图:
实现代码很简单:
btn1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //平移动画 TranslateAnimation translate=new TranslateAnimation(Animation.RELATIVE_TO_SELF,300, Animation.RELATIVE_TO_SELF,300); translate.setDuration(3000); translate.setFillAfter(true); img.startAnimation(translate); } }); btn2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //旋转动画 RotateAnimation rotate=new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF,0.5f); rotate.setFillAfter(true); rotate.setDuration(3000); img.startAnimation(rotate); } }); btn3.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //缩放动画 ScaleAnimation scale=new ScaleAnimation(0,2,0,2,Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF,0.5f); scale.setDuration(3000); img.startAnimation(scale); } }); btn4.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //渐变动画 AlphaAnimation alpha =new AlphaAnimation(0,1); alpha.setDuration(3000); img.startAnimation(alpha); } });
总结以下:
AlphaAnimation:渐变动画,0.0f完全透明,1.0f完全显示。
RotateAnimation:旋转动画。起始角度,结束角度,相对值,横坐标的比例,相对值,纵坐标的比例。(结束角度为正就为顺时针,负数为逆时针)
ScaleAnimation:比例动画,x的位置比例起始,x的位置比例结束,y的位置比例起始,y的位置比例结束,x的锚点,x的参数,y的锚点,y的参数
AnimationSet animationSet=new AnimationSet(false); TranslateAnimation translate=new TranslateAnimation(Animation.RELATIVE_TO_SELF,300, Animation.RELATIVE_TO_SELF,300); translate.setDuration(3000); translate.setFillAfter(true); animationSet.addAnimation(translate); RotateAnimation rotate=new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF,0.5f); rotate.setFillAfter(true); rotate.setDuration(3000); animationSet.addAnimation(rotate); ScaleAnimation scale=new ScaleAnimation(0,2,0,2,Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF,0.5f); scale.setDuration(3000); animationSet.addAnimation(scale); AlphaAnimation alpha =new AlphaAnimation(0,1); alpha.setDuration(3000); animationSet.addAnimation(alpha); img.startAnimation(animationSet);
AnimationSet通过addAnimation()方法,可以将动画结合起来,实现更多的动画效果。
**属性动画**
早起的补间动画是没有改变view的参数的,view在刷新的时候会变回原来的样子。所以,在安卓3.0之后,谷歌推出了属性动画。
而属性动画的实质就是通过例如:translationX,translationY,scaleX,scaleY,rotationX,rotationY等等,这些新增的属性,记录View的值
从而使View的动画可以得到保存,刷新后不会消失。
下面是一个简单例子,通过属性动画改变x上的缩放值:
接下来是实现代码:
btn6.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { ObjectAnimator objectAnimator= ObjectAnimator.ofFloat(img,"scaleX",0.5f); objectAnimator.setDuration(3000); objectAnimator.setStartDelay(1000); objectAnimator.start(); } });
如果这样实现,其实是有很多弊端的。因为,属性动画只有在3.0的版本之后能用,版本过低,是没法使用的。并且,实现一个属性动画,参数也过于繁琐。所以,这里推荐
使用开源框架:nineoldandroids。
如果你使用的是Android studio 在gradle中加入:dependencies {
compile ‘com.nineoldandroids:library:2.4.0‘
}
使用这个开源框架,不但能在低版本中使用属性动画,而且,实现更为简单更加方便。
btn6.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //NIneOldAndroid中的一个类实现 ViewPropertyAnimator .animate(img)
.scaleX(0.5f) .setInterpolator(new OvershootInterpolator())//超过一点回来 .setDuration(3000) .start(); } });
一个简单的例子:
怎么样,是不是更加好看了?
代码也是非常简单:
ViewPropertyAnimator .animate(img) .translationY(600) .setInterpolator(new BounceInterpolator())//弹性掉落 .setDuration(1500) .start();
还可以这样:
代码:
ViewPropertyAnimator .animate(img) .translationX(40) .setInterpolator(new CycleInterpolator(6))//左右来回抖动 .setDuration(1500) .start();
好了,关于动画就介绍到这里,如果懂得了基本方法,如何酷炫的动画都可以通过自己组合起来,如果本篇博文有什么写的不对的地方,欢迎留言,互相探讨,最后,希望
你通过这篇博文对你的学生和生活有所帮助。
标签:
原文地址:http://www.cnblogs.com/lovelyYakir/p/5808698.html