Android动画之ScaleAnimation使用

最新推荐文章于 2024-09-22 05:48:03 发布
最新推荐文章于 2024-09-22 05:48:03 发布
阅读量7.4k 收藏 3
点赞数 6
分类专栏： Android动画 文章标签： 缩放动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/denglxsc/article/details/51161536
版权
什么是ScaleAnimation

ScaleAnimation即缩放动画，应用场景特别多，比如常见的隐藏菜单点击显示

下面我分两种方式来介绍ScaleAnimation如何使用。

1. xml文件形式
文件名：anim_scale_in.xml
效果：呈现view放大显示效果
源码：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="1000"
        android:fillAfter="true"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />
</set>

属性解释：
interpolator：动画插入器，该功能在xml里设置貌似无效，需在代码中加
fromXScale:从自身x轴长度多少倍开始缩放，如：fromXScale= 0.5表示从自身X轴长度0.5倍开始缩放
toXScale:缩放到自身x轴长度多少倍结束,如：toXScale = 2.0表示x轴缩放到自身x轴长度2倍结束
上面两条意思就是：该view的x轴从自身x轴长度的0.5倍开始缩放到自身x轴长度的2倍结束
fromYScale：从自身y轴长度多少倍开始缩放，如：fromYScale= 0.5表示从自身y轴长度0.5倍开始缩放
toYScale：缩放到自身y轴长度多少倍结束,如：toYScale = 2.0表示x轴缩放到自身y轴长度2倍结束
pivotX:动画相对于控件X坐标的开始位置
pivotY:动画相对于控件Y坐标的开始位置
如：pivotX = 50%,pivotY = 50% 表示从该控件的中心开始缩放

   //表示控件左下角开始
   android:pivotX="0"
   android:pivotY="100%"

   //表示控件左上角开始
   android:pivotX="0"
   android:pivotY="0"

   //表示控件右下角开始
    android:pivotX="100%"
    android:pivotY="100%"

   //表示控件右上角开始
   android:pivotX="100%"
   android:pivotY="0"

………………………………………………………………………………………………………………….
文件名：anim_scale_out.xml
效果： 呈现view缩小的效果
源码：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="1000"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0"
        android:toYScale="0" />
</set>

………………………………………………………………………………………………………………….

OK，现在有了xml布局文件，我们需要用Java代码让他工作起来，如下;
 /**
     * 缩放变大动画
     *
     * @param context
     * @param view 目标view
     */
    public static void startScaleInAnim(Context context, View view) {
        Animation animation = AnimationUtils.loadAnimation(context, R.anim.anim_scale_in);
        if (view != null)
            view.startAnimation(animation);
    }

    /**
     * 缩放缩小动画
     *
     * @param context
     * @param view 目标view
     */
    public static void startScaleOutAnim(Context context, View view) {
        Animation animation = AnimationUtils.loadAnimation(context, R.anim.anim_scale_out);
        if (view != null)
            view.startAnimation(animation);
    }

我单独封装在一个动画工具类中，哪里需要就哪里调用。很方便

2.纯Java代码形式

updating……

下面看看代码的执行效果：
这里写图片描述

缩放同时还可以添加透明度变化，如下：

放大+淡入：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="1000"
        android:fillAfter="true"
        android:fillEnabled="true"
        android:fromXScale="0"
        android:fromYScale="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />
    <!--同时配置淡入功能-->
    <alpha
        android:duration="700"
        android:fillAfter="true"
        android:fromAlpha="0"
        android:toAlpha="1" />
</set>

缩小+淡出

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="1000"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0"
        android:toYScale="0" />
    <!--同时配置淡出功能-->
    <alpha
        android:duration="700"
        android:fillAfter="true"
        android:fromAlpha="1"
        android:toAlpha="0" />
</set>

效果如下：
这里写图片描述

下拉菜单显示与收回，效果：

显示：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="300"
        android:fillAfter="true"
        android:fillEnabled="true"
        android:fromXScale="1.0"
        android:fromYScale="0"
        android:pivotX="100%"
        android:pivotY="0"
        android:toXScale="1.0"
        android:toYScale="1.0" />
    <!--同时配置淡入功能-->
    <alpha
        android:duration="300"
        android:fillAfter="true"
        android:fromAlpha="0"
        android:toAlpha="1" />
</set>

收起：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="300"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="100%"
        android:pivotY="0"
        android:toXScale="1.0"
        android:toYScale="0" />
    <!--同时配置淡出功能-->
    <alpha
        android:duration="300"
        android:fillAfter="true"
        android:fromAlpha="1"
        android:toAlpha="0" />
</set>

效果：
这里写图片描述

缩放下拉与收回效果：

显示：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="200"
        android:fillAfter="true"
        android:fillEnabled="true"
        android:fromXScale="0"
        android:fromYScale="0"
        android:pivotX="100%"
        android:pivotY="0"
        android:toXScale="1.0"
        android:toYScale="1.0" />
    <!--同时配置淡入功能-->
    <alpha
        android:duration="200"
        android:fillAfter="true"
        android:fromAlpha="0"
        android:toAlpha="1" />
</set>

收起：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="200"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="100%"
        android:pivotY="0"
        android:toXScale="0"
        android:toYScale="0" />
    <!--同时配置淡出功能-->
    <alpha
        android:duration="200"
        android:fillAfter="true"
        android:fromAlpha="1"
        android:toAlpha="0" />
</set>

效果：
这里写图片描述

类似游戏按钮的按下放大再还原效果：
  public static void animScaleIn(View view){
        //缩放动画
        ScaleAnimation animation = new ScaleAnimation(1,1.2f,1,1.2f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
        animation.setDuration(100);
        animation.setFillAfter(true);
        animation.setRepeatMode(Animation.REVERSE);
        animation.setRepeatCount(1);

        //透明度动画
        AlphaAnimation animation1 = new AlphaAnimation(1,0.8f);
        animation1.setDuration(100);
        animation1.setRepeatCount(1);
        animation1.setRepeatMode(Animation.REVERSE);
        animation1.setFillAfter(true);

        //装入AnimationSet中
        AnimationSet set = new AnimationSet(true);
        set.addAnimation(animation);
        set.addAnimation(animation1);

        if (view != null)
        view.startAnimation(set);

    }
效果如下：

这里写图片描述

备注：由于我的图片是导出视频再用PS转换成的gif，故效率上有所损失，实际动画效果和速度比图片的快。

denglxsc
关注
专栏目录
Android 动画 - ScaleAnimation 缩放动画使用（附图）
shibin1990_的博客
06-07 4万+
ScaleAnimation：缩放动画同样，创建ScaleAnimation也有两种方式 XML文件+Java代码 Java代码方式 XML文件+Java代码效果图： 文件目录：res/anim/scale.xml<?xml version="1.0" encoding="utf-8"?> <scale xmlns:android="http://schemas.android.com/apk/r
android scaleanimation动画,Android 的ScaleAnimation 缩放动画基本运用
weixin_35987118的博客
05-25 1414
因为今天用到了ScaleAnimation缩放动画就写一下，加深一下印象。用ScaleAnimation有几个重载方法，这里就将八个参数的重载方法。ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYV...
Android :ScaleAnimation
月迷津渡丶的专栏
12-06 740
public ScaleAnimation (float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) ScaleAnimation类是Android系统中的尺寸变化动画类，用于控制View对象的尺寸变化 参数说明
Android动画详解
最新发布
2401_87256440的博客
09-22 752
scale：动画缩放alpha：渐变透明度rotate：动画旋转translate：位置变换set：上述四种集合。
【Android】ScaleAnimation 详解
weixin_33892359的博客
10-22 216
ScaleAnimation类是Android系统中的尺寸变化动画类，用于控制View对象的尺寸变化，该类继承于Animation类。ScaleAnimation类中的很多方法都与Animation类一致，该类中最常用的方法便是ScaleAnimation构造方法。 【基本语法】public ScaleAnimation (float fromX, float toX, float fromY,...
Android 缩放动画 ScaleAnimation的使用小结
chinaherolts2008的博客
07-22 306
ScaleAnimation即缩放动画,应用场景特别多,比如常见的隐藏菜单点击显示,这篇文章主要介绍了Android 缩放动画 ScaleAnimation的使用小结,需要的朋友可以参考下。fromYScale：从自身y轴长度多少倍开始缩放，如：fromYScale= 0.5表示从自身y轴长度0.5倍开始缩放。备注：由于我的图片是导出视频再用PS转换成的gif，故效率上有所损失，实际动画效果和速度比图片的快。上面两条意思就是：该view的x轴从自身x轴长度的0.5倍开始缩放到自身x轴长度的2倍结束。
Android 动画之ScaleAnimation应用详解
wzq330995030的专栏
05-03 497
android中提供了4中动画：  AlphaAnimation 透明度动画效果  ScaleAnimation 缩放动画效果  TranslateAnimation 位移动画效果  RotateAnimation 旋转动画效果  本节讲解ScaleAnimation 动画，  ScaleAnimation(float fromX, float toX, float
android 动画延时执行,Android Animation --ScaleAnimation
weixin_34246529的博客
05-27 1461
ScaleAnimation 缩放动画效果 是安卓中的动画效果之一相关构造初始化方法ScaleAnimation scale =newScaleAnimation(Context context, AttributeSet attrs) 从XML文件加载动画，基本用不到ScaleAnimation(float fromX, float toX, float fromY, float toY)...
Android 比例动画- ScaleAnimation
thinkinwm的专栏
04-19 1130
在Android 中, 制作比例动画, 可以利用 Animation 与 ScaleAnimation 两个物件来达成. 范例程式, 如下 : Java 程式范例 public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 要使用find
Android 缩放动画 ScaleAnimation
热门推荐
qq_33209777的博客
09-15 1万+
什么是ScaleAnimation ScaleAnimation即缩放动画，应用场景特别多，比如常见的隐藏菜单点击显示 下面我分两种方式来介绍ScaleAnimation如何使用。 1. xml文件形式 文件名：anim_scale_in.xml 效果：呈现view放大显示效果 源码： <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/
android scaleanimation动画,Android 动画之ScaleAnimation应用详解
weixin_42534100的博客
05-25 174
android中提供了4中动画：AlphaAnimation 透明度动画效果ScaleAnimation 缩放动画效果TranslateAnimation 位移动画效果RotateAnimation 旋转动画效果本节讲解ScaleAnimation 动画，ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotX...
Android Animation之ScaleAnimation用法详解
海纳百川Android的博客
10-30 4417
ScaleAnimation用法详解 ScaleAnimation是Animation的子类，其有四个构造方法： 1、publicScaleAnimation(Context context, AttributeSet attrs) 方法的两个参数中context就不再解释了，上下文变量，attrs是属性集。一般很少利用该构造方法构造ScaleAnimation，因为还要在XML文件里
Android动画_ScaleAnimation
kingdam578的专栏
12-02 356
ScaleAnimation:图片进行放大缩小的动画效果。 代码方式: ScaleAnimation sAnima = new ScaleAnimation(0, 5, 0, 5); sAnima.setDuration(2000); view.startAnimation(sAnima); xml方式： <scale xmlns:android="http://schemas
android scaleanimation动画,Android 动画Animation简单总结
weixin_34887818的博客
05-25 305
最近看到了一些关于Animation的内容，总结一下留待后用；视图动画我们在APP中看到的动画一般都是视图动画，那就先来总结一下视图动画；一般我们使用到的视图动画包括透明动画(AlphaAnimation)、旋转动画(RotateAnimation)、移动动画(TranslateAnimation)和缩放动画(ScaleAnimation)。我们先来看看运行效果图，然后再来呈现代码。视图动画.gi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值