Android 缩放动画 ScaleAnimation

最新推荐文章于 2024-02-09 00:36:01 发布
最新推荐文章于 2024-02-09 00:36:01 发布
阅读量1.3w 收藏 31
点赞数 7
分类专栏： Android 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33209777/article/details/108604087
版权

什么是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"

 

<?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);
    }

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

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

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

放大+淡入：

<?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，故效率上有所损失，实际动画效果和速度比图片的快。

星月黎明
关注
  • 7
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Android 平移动画 缩放动画以及开机启动.rar
07-10
Android 平移动画 缩放动画=集合动画，实现开机启动页 通过线程休眠事件跳转到主界面，Android 平移动画 缩放动画->实现开机启动页： 1、通过集合动画 线程实现开机启动动画界面。 2、设置了休眠时间，休眠过后实现跳转MainActivity。 3、动画集合中主要有平移动画 缩放动画。 测试时请自行下载mockable-android-23.jar类库放在build\generated目录下。
Android动画之补间动画用法最全详解
01-03
本文目录补间动画概述和分类各类补间动画实现xml实现补间动画透明度动画-AlphaAnimation缩放动画-ScaleAnimation位移动画-TranslateAnimation旋转动画-RotateAnimation动画组合-AnimationSet代码实现补间动画透明度动画（AlphaAnimation）缩放动画（ScaleAnimation）位移动画（TranslateAnimation）旋转动画（RotateAnimation）动画组合（AnimationSet） 属性值 含义 fromAlpha 起始透明度（透明度的范围为：0-1，完全透明-完全不透明）
Android矩阵Matrix动画缩放Bitmap移动手指触点到ImageView中心位置，Kotlin
Zhang Phil
02-09 1695
需要注意的，因为在xml布局里面特别设置了ImageView的高度为wrap_content，手指在屏幕触点的位置是放大镜里面放大图片后准确圆心位置，但是，如果ImageView设置成match_parent，则因为ImageView里面的Bitmap被缩放(此处Bitmap其实小于ImageView，被拉伸了)，拉伸后的Bitmap水平方向坐标与ImageView一直重合，但竖直方向，Bitmap坐标与ImageView不一致，会造成一种现象，手指触点放大镜放大后，水平方向是正确的，但竖直方向有偏移量。
Android 动画之AlphaAnimation应用详解
01-04
android中提供了4中动画： AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果  本节讲解AlphaAnimation 动画，窗口的动画效果，淡入淡出什么的，有些游戏的欢迎动画，logo的淡入淡出效果就使用AlphaAnimation。 直接看代码： 代码如下: public class MainActivity extends Activity { ImageView image; Button start; Button cancel; @Over
Android 动画之ScaleAnimation应用详解
01-20
android中提供了4中动画： AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解ScaleAnimation 动画， ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) 参数说明： 代码如下: float fromX 动画起始时 X坐标
Android动画框架详解
01-31
Android平台提供了一套完整的动画框架，使得开发者可以用它来开发各种动画效果，本文将向读者阐述 Android的动画框架是如何实现的。任何一个框架都有其优势和局限性，只有明白了其实现原理，开发者才能知道哪些功能可以利用框架来实现，哪些功能须用其他途径实现。Android 平台提供了两类动画，一类是Tween动画，即通过对场景里的对象不断做图像变换(平移、缩放、旋转 )产生动画效果；第二类是Frame动画，即
补间动画详解五 缩放动画ScaleAnimation
热门推荐
ruancoder的博客
08-29 3万+
ScaleAnimation是尺寸变化动画的类，控制View的尺寸变化。 ScaleAnimation类官方文档： https://developer.android.com/reference/android/view/animation/ScaleAnimation.html 关于父类Animation的详解可参考文章： http://blog.csdn.net/ruancod
Android Animation之ScaleAnimation用法详解
海纳百川Android的博客
10-30 4158
ScaleAnimation用法详解 ScaleAnimation是Animation的子类，其有四个构造方法： 1、publicScaleAnimation(Context context, AttributeSet attrs) 方法的两个参数中context就不再解释了，上下文变量，attrs是属性集。一般很少利用该构造方法构造ScaleAnimation，因为还要在XML文件里
缩放动画 ScaleAnimation 总结
Natsume_for_ever的博客
07-09 1430
最近用到了ScaleAnimation来实现图片放大需求，今天就把使用过程中学习的一些东西总结记录一下，希望能对大家有所帮助。 - ScaleAnimation是 Android官方提供的动画类Animation的子类 Animation类是一个抽象类，我们通常会使用它的四个子类AlphaAnimation、RotateAnimation、ScaleAnimation和TranslateAnimation，他们分别可以实现渐变动画、旋转动画、平移动画、缩放动画 功能，当然我们今天的主角就是缩放动画 Scal
android scaleanimation动画,Android 动画之ScaleAnimation应用详解
weixin_36013428的博客
05-25 471
android中提供了4中动画：AlphaAnimation 透明度动画效果ScaleAnimation 缩放动画效果TranslateAnimation 位移动画效果RotateAnimation 旋转动画效果本节讲解ScaleAnimation 动画，ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotX...
Android 的缩放动画
拾一贰叁的博客
11-11 334
最近突发奇想想要实现一下最近比较热门的类似于“电子木鱼”的功能，但是敲木鱼时木鱼要有敲击的动画吧，尝试使用缩放动画实现。 效果 在res下新建anim文件夹 在anim文件夹下新建一个muyutranslate.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.andr...
Android程序技术：动画补间动画.pptx
05-24
Android 程序技术;;PART2;;View动画的四种基本效果对应了四个Animation的子类，如图所示：;平移动画标签<translate>使用的子类名称为TranslateAnimation，实现的效果是平行移动整个View。 缩放动画标签<scale>，使用的子类名称为ScaleAnimation，实现的效果是整个View的放大或者缩小。 旋转动画标签<rotate>使用的子类名称是RotateAnimation，实现的效果是将整个View进行旋转。 透明度动画标签<alpha>使用的子类名称是AlphaAnimation，实现的效果是改变整个View的透明度。;创建一个AnimationSet对象（Animation子类）； 增加需要创建相应的Animation对象； 更加项目的需求，为Animation对象设置相应的数据； 将Animatin对象添加到AnimationSet对象当中； 使用控件对象开始执行AnimationSet。;这里使用相对布局作为整体布局，布局中通过四个按钮的点击事件，分别实现图片imageview 的平移、缩放，旋转和透明度的变化效果。;使用
Android图片缩放动画Demo
01-12
一个帮助您完成从缩略图到原图无缝过渡转变的神奇组件，缩略图到原图的无缝过渡转变，功能体系仿照并涵盖 ios 版本的 QQ、微信朋友圈、新浪微博的图片浏览功能(请使用32位解压缩工具)。
Android 动画之TranslateAnimation应用详解
01-20
android中提供了4中动画： AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解TranslateAnimation动画，TranslateAnimation比较常用，比如QQ，网易新闻菜单条的动画，就可以用TranslateAnimation实现， 通过TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta) 来定义动画 参数说明
android 垂直缩放动画效果
05-19
android 垂直缩放动画效果
Android缩放动画anim_zoom
05-21
anim_zoom_in.xml
99-智慧园区数据平台方案.pptx
04-27
99-智慧园区数据平台方案.pptx
node-v12.11.1-x86.msi
最新发布
04-27
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
android缩放动画
06-07
要实现android缩放动画，可以使用Android提供的ScaleAnimation类。这个类可以让视图在x轴和y轴方向上进行缩放。以下是一个简单的示例代码： ```java // 获取要进行缩放动画的视图 View view = findViewById(R.id.myView); // 创建一个ScaleAnimation对象，设置缩放起始和结束的比例 ScaleAnimation scaleAnim = new ScaleAnimation(1.0f, 0.5f, 1.0f, 0.5f); // 设置缩放动画的持续时间 scaleAnim.setDuration(1000); // 开始执行缩放动画 view.startAnimation(scaleAnim); ``` 上面的代码将会把myView这个视图在x轴和y轴上缩小到原来的一半大小。你可以根据需要修改缩放比例和持续时间来实现不同的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值