窗口动画缩放,过渡动画缩放,Animator时长缩放_关闭动画缩放好不好

2022-11-19 15:11:02 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

最近用到了ScaleAnimation来实现图片放大需求,今天就把使用过程中学习的一些东西总结记录一下,希望能对大家有所帮助。

ScaleAnimation是 Android官方提供的动画类Animation的子类

Animation类是一个抽象类,我们通常会使用它的四个子类AlphaAnimationRotateAnimationScaleAnimationTranslateAnimation,他们分别可以实现渐变动画旋转动画平移动画缩放动画 功能,当然我们今天的主角就是缩放动画 ScaleAnimation

Android中的坐标

要用到ScaleAnimation,我们最好先了解Android的坐标,当然这并不是我们这篇文章的重点,所以我就在这里放一篇我学习坐标时看的博客,供大家参考一下,不具体展开讲解了,想要深入了解的朋友可以去找找别的相关博客。

https://blog.csdn.net/lvxiangan/article/details/19971509

ScaleAnimation的属性

我们先从源码来看看ScaleAnimation的诸多属性,mFromX、mToX、mFromY、mToY和mPivotXType、mPivotXValue、mPivotYType、mPivotYValue这八个属性可以通过XML或代码调用构造方法来注入。

代码语言:javascript复制
public class ScaleAnimation extends Animation { 

private float mFromX;   //动画开始前X坐标比例
private float mToX;		//动画开始后X坐标比例
private float mFromY;	//动画开始前Y坐标比例
private float mToY;		//动画开始后Y坐标比例
//动画开始前X坐标类型
private int mFromXType = TypedValue.TYPE_NULL;
//动画开始后X坐标类型
private int mToXType = TypedValue.TYPE_NULL;
//动画开始前Y坐标类型
private int mFromYType = TypedValue.TYPE_NULL;
//动画开始后Y坐标类型
private int mToYType = TypedValue.TYPE_NULL;
private int mPivotXType = ABSOLUTE; //缩放中心点的X坐标类型
private int mPivotYType = ABSOLUTE;	//缩放中心点的Y坐标类型
private float mPivotXValue = 0.0f;	//缩放中心点的X坐标比例
private float mPivotYValue = 0.0f;	//缩放中心点的Y坐标比例
private float mPivotX;	
private float mPivotY;
}
  • 接下来,我们尝试一下XML方式的属性注入
代码语言:javascript复制
<?xml version="1.0" encoding="utf-8"?>  
<scale xmlns:android="http://schemas.android.com/apk/res/android"  
android:fromXScale="1.0"  	//起始x尺寸比例,示例为1.0即原比例放大 
android:toXScale="1.4"		//最终x尺寸比例,示例为1.4即放大为原来的1.4倍
android:fromYScale="1.0"	//起始y尺寸比例,,示例为1.0即原比例放大
android:toYScale="1.4"		//最终y尺寸比例,示例为1.4即放大为原来的1.4倍
android:pivotX="50%"		//缩放起点x轴坐标
android:pivotY="50%"        //缩放起点Y轴坐标
android:duration="700"     	//动画持续时间,单位是毫秒,示例为动画持续700ms
android:fillAfter="true"  	//动画结束后,保持结束时的状态
android:fillBefore="true"  //用于确定动画开始时,View的动画属性值;
android:fillEnabled="true"	//用来控制fillBefore属性是否有效
android:repeatCount="5"		//重复次数,取值为-1时无限重复,默认动画执行一次
android:repeatMode ="reverse"//重复模式,有reverse和restart两个值,前者为倒序回放,后者为重新开始 
/>

对代码中比较复杂的几个属性,再详细讲一下:

  • pivotX:取值可以是数值(50)百分数(50%)百分数p(50%p),当取值为数值时,缩放起点为View左上角坐标加具体数值像素;当取值为百分数时,表示在当前View左上角坐标,加上View宽度的具体百分比;当取值为百分数p时,表示在View左上角坐标加上父控件宽度的具体百分比。
  • pivotY:用法与pivotX相同。
  • fillBefore:代码注释中所说的动画开始不是指的调startAnimation方法,而是界面中动画真正开始动的时候。从调用startAnimation到动画真正开始,中间有一个startOffset阶段,若fillBeforetrue,则在startOffset阶段时,将动画属性设置为初始值,为false,则为View本身的初始值。
  • fillEnabled:用来控制fillBefore属性是否有效,若为true,则fillBefore生效;若为false则不管设置fillBefore为true还是false,都不起作用。但是,划重点了,当fillEnabled为false时,我们假设fillBefore为true。也就是说,当 fillEnabled为false时,不管fillBefore是什么值,在startOffset阶段都将初始值设置为动画属性的初始值。

在使用代码调用构造方法来实现属性注入的方式时,ScaleAnimation给出了两种传参个数不同的构造方法,我们来一个一个介绍。

  • 首先是传入参数较多的那个,传入了八个参数,fromX、toX、fromY、toY和pivotXType、pivotXValue、pivotYType、pivotYValue。 虽然这些参数上文已经有过说明,为了阅读方便,再次介绍一下。
    • fromX:动画开始前X坐标比例
    • toX:动画开始后X坐标的比例
    • fromY:动画开始前Y坐标的比例
    • toY:动画开始后Y坐标的比例
    • pivotXType:缩放中心点的X坐标类型
    • pivotXValue:缩放中心点的X坐标比例
    • pivotYType:缩放中心点的Y坐标类型
    • pivotYValue:缩放中心点的Y坐标比例
代码语言:javascript复制
public class Test{ 

private void test(){ 

....
//示例传参实现的是,以控件中心为缩放点,从原图即1.0倍放大到1.4倍
ScaleAnimation animation = new ScaleAnimation(1.0F, 1.4F, 1.0F, 1.4F, 1, 0.5F, 1, 0.5F);
}
}
  • 接下来实现的是传入参数较少的构造方法,传入六个参数,fromX、toX、fromY、toY和pivotX、pivotY,关于参数已介绍多次,不再赘述。
代码语言:javascript复制
public class Test{ 

private void test(){ 

....
//示例传参实现的是,以控件中心为缩放点,从1.0倍缩小到0.5倍,即原图的二分之一,不设置缩放点类型,默认坐标原点以控件为准
ScaleAnimation animation = new ScaleAnimation(1.0F, 0.5F, 1.0F, 0.5F, 0.5F, 0.5F);
}
}

ScaleAnimation的实际使用

上面给出的例子只是完成了属性的注入,真正要使用ScaleAnimation,我们还需要设置一些参数,且XML方式中,我们还没有进行对象的实例化,下面就来具体操作一下吧。

  • 在XML中,我们已经完成了所需要的全部属性设定,所以在代码中我们只要传入我们创建的XML文件来实例化对象之后,就可以启动动画啦。
代码语言:javascript复制
public class Test{ 

private void test(){ 

....
//注意这里传入的的两个参数,要根据自己的类名和文件名切换
ScaleAnimation animation = AnimationUtils.loadAnimation(AnimDemoActivity.this,R.anim.scale;
//让执行动画的view对象调用启动方法
view.startAnimation(scaleAnimation);
}
  • 重载的两种不同构造方法并不会影响我们之后的代码书写,所以只给出一份代码示例,请注意,构造对象时传入的参数并不是我们能设置的全部属性,可以对比一下前面的XML文件内容。
代码语言:javascript复制
public class Test{ 

private void test(){ 

....
//这里是上文用过的实例化对象示例,不再介绍
ScaleAnimation animation = new ScaleAnimation(1.0F, 1.4F, 1.0F, 1.4F, 1, 0.5F, 1, 0.5F);
animation.setDuration(200);		//动画持续时间,单位是毫秒,示例为动画持续200ms
animation.setFillAfter(true);	//动画结束后,保持结束时的状态
animation.setFillBefore(true);	//用于确定动画开始时,View的动画属性值;
animation.setFillEnabled(true);	//用来控制fillBefore属性是否有效
animation.setRepeatCount(1);	//重复次数,取值为-1时无限重复,默认动画执行一次
animation.setRepeatMode(Animation.REVERSE);	//重复模式,有reverse和restart两个值,前者为倒序回放,后者为重新开始
//让执行动画的view对象调用启动方法
view.startAnimation(scaleAnimation);
}
}

其实除了上文代码和XML文件中设置的属性之外,ScaleAnimation还提供了一些别的可以功能属性,比如setStartTime() 方法,设置启动的时间,传入一个Long类型的参数,因为博主我也没有用过,想要了解的读者就自己去源码或者别的博客里看吧。

Animation与Animator

因为在选择实现方式时也曾了解过Animator的用法,感觉挺有趣的,所以最后的最后,我们再来看一下这个已经不算新来的新伙计,当然主要还是聊下他与Animation的不同啦,具体的介绍那可说来话长,就不说了。

  1. Animation是Android发行之时就存在的动画框架,而animator是在之后的版本才新加入的,在兼容性上,Animation肯定是优于后来者的。
  2. Animation动画并不实际改变view的坐标值,只是在视图上实现动画,而Animator则会改变view的坐标值,这点我深有体会,在实现图片放大需求时,我有试过监听Animation动画实现前后view的坐标值,然后发现view的坐标值并不会发生变化,同时放大的图片还覆盖了下方的文字,而文字在layout的布局设置了相对图片的below属性。
  3. Animation只能对view执行动画,而Animator功能更加强大,他不仅可以针对 view执行动画, 还可以对所有的 Object 执行动画。

当然在具体选择使用Animation还是Animator时就要考虑实际需求来决定啦,功能强大的兼容性和执行效率上不一定好,Animation和Animator各有其天地。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/181627.html原文链接:https://javaforall.cn

0 人点赞