Android动画----Scale

版权声明:本文为博主原创文章,未经博主允许不得转载。讨论QQ群:372702757 https://blog.csdn.net/wenwen091100304/article/details/53401648
  • 引言
      
      要做一款让用户喜欢的APP,适当的动画元素是必不可少的,因此接下来的要学习和记录一系列Android动画相关的知识,梳理一下一些比较含糊的知识点。

  • Scale动画
      
      Scale是Android的尺寸缩放动画,继承自基类Animation
      

  • Scale的属性

      直接参照代码中的注释(ps:方便说明,直接使用#作为注释符)
      

<?xml version="1.0" encoding="utf-8"?>  
<scale xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromXScale="0.0"           #起始x尺寸比例  
    android:toXScale="1.4"             #最终x尺寸比例
    android:fromYScale="0.0"           #起始y尺寸比例
    android:toYScale="1.4"             #最终y尺寸比例
    android:pivotX="50%"               #缩放起点x轴坐标,取值可以是数值(50)、百分数(50%)、百
                                        分数p(50%p),当取值为数值时,缩放起点为View左上角坐标
                                        加具体数值像素,当取值为百分数时,表示在当前View左上角坐
                                        加上View宽度的具体百分比,当取值为百分数p时,表示在View
                                        左上角坐标加上父控件宽度的具体百分比
    android:pivotY="50%"               #同上
    android:duration="700"             #动画持续时间,毫秒为单位
    android:fillAfter="true"           #动画结束后,保持结束时的状态
    android:fillBefore="true"          #动画结束后,恢复为初始状态
    android:fillEnabled="true"         #效果同上
    android:repeatCount="5"            #重复次数,取值为-1时无限重复,默认动画执行一次
    android:repeatMode ="reverse"      #重复模式,有reverse和restart两个值,前者为倒序回放,后者为重新开始
    android::interpolator="@android:anim/accelerate_decelerate_interpolator" #插值器,后面单独讲             
    />
  • Scale xml使用方式
      
      xml的使用方式是比较普遍的,我们举例说明这种使用方式。
      第一步,在res目录下新建anim文件夹,然后在anim文件夹中新建scale.xml文件(名称随意),目录结构如下图所示:
      这里写图片描述
      第二步,根据需求,编写xml的内容,举例如下:
      
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0.0"
    android:toXScale="1.4"
    android:fromYScale="0.0"
    android:toYScale="1.4"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="1000"
    android:repeatCount="4"
    android:repeatMode="reverse"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    />

  第三步,代码中实例化Scale动画,具体代码如下:
  

private Animation scaleAnimation;
……
scaleAnimation = AnimationUtils.loadAnimation(AnimDemoActivity.this,R.anim.scale);

  第四部,执行动画,具体代码如下:
  

view.startAnimation(scaleAnimation);
  • Scale 代码使用方式

      第一步,创建Scale动画实例
      

private ScaleAnimation mScaleAnimation;
……
mScaleAnimation = new ScaleAnimation(0,1,0,1);

  第二步,设置相关属性
  

mScaleAnimation.setDuration(2000);
mScaleAnimation.setRepeatCount(4);
mScaleAnimation.setRepeatMode(Animation.REVERSE);

  第三步,执行动画
  

view.startAnimation(mScaleAnimation);
  • Scale动画效果
      基于xml的动画效果如下展示
    这里写图片描述
  • 结尾

      关于Scale的动画就先整理到这里,欢迎大家交流讨论,Demo源码大家可以在点击这里下载

猜你喜欢

转载自blog.csdn.net/wenwen091100304/article/details/53401648