基础动画全纪录

最新推荐文章于 2023-03-08 16:52:41 发布
最新推荐文章于 2023-03-08 16:52:41 发布
阅读量242 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/walkmanfy/article/details/103568877
版权

文章目录

1. View/(Tween)补间动画 Animation

View动画时通过对View进行平移、旋转、缩放和显隐变换，从而产生动画效果，是一种渐进式的动画
View动画种类

1.1 平移 TranslateAnimation
Java代码
//起点X，Y 增加的X，Y
TranslateAnimation ta = new TranslateAnimation(0, 200, 0, 300);
ta.setDuration(1000);
animationView.startAnimation(ta);

XML代码 xml动画文件路径：res/anim/xxxanimation.xml
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="0%p"
    android:fromXDelta="0%p"
    android:toYDelta="90%p"
    android:toXDelta="90%p"
    android:duration="1000" />

Animation ta1 = AnimationUtils.loadAnimation(this, R.anim.translate);
animationView.startAnimation(ta1);

更复杂实现

//fromXType,fromXValue, toXType,toXValue,fromYType,fromYValue, toYType,toYValue
//起点X方向参照值,起点X，终点X方向参照值,终点X，起点Y方向参照值,起点Y，终点Y方向参照值,终点Y
TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,1,
Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,1);
参照值描述
Animation.ABSOLUTE具体的坐标值，指绝对的屏幕像素单位
Animation.RELATIVE_TO_SELF相对自己的坐标值，0.1f是指自己的坐标值乘以0.1
Animation.RELATIVE_TO_PARENT相对父容器的坐标值，0.1f是指父容器的坐标值乘以0.1

简单实现实际上是参照值全为Animation.ABSOLUTE的情况

1.2缩放 ScaleAnimation
Java代码
//起始X倍数，最终X倍数，起始Y倍数，最终X倍数
ScaleAnimation sa = new ScaleAnimation(4, 1, 4, 1);
sa.setDuration(2000);
baseAnimationView.startAnimation(sa);

XML代码
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXScale="0.0"
    android:fromYScale="0.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="1.0"
    android:toYScale="1.0"/>

Animation sa1 = AnimationUtils.loadAnimation(this, R.anim.scale);
                animationView.startAnimation(sa1);

更复杂实现

//起始X倍数，最终X倍数，起始Y倍数，最终X倍数，缩放模式，0.5f自身中心，缩放模式，0.5f自身中心
//ScaleAnimation sa = new ScaleAnimation(0, 2, 0, 2);
ScaleAnimation sa = new ScaleAnimation(0, 2, 0, 2,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0.5f);
sa.setDuration(1000);
animationView.startAnimation(sa);
1.3旋转 RotateAnimation
Java代码
//起始角度，最终角度，圆心X，Y坐标
//起始角度，最终角度，旋转模式，0.5f自身中心，旋转模式，0.5f自身中心
//RotateAnimation ra = new RotateAnimation(0, 360, 100, 100);
RotateAnimation ra = new RotateAnimation(0,360,RotateAnimation.RELATIVE_TO_SELF,0.5f,RotateAnimation.RELATIVE_TO_PARENT,0.5f);
ra.setDuration(1000);
animationView.startAnimation(ra);

XML代码
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration ="1000"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%" />
//调用
Animation ra1 = AnimationUtils.loadAnimation(this, R.anim.rorate);
animationView.startAnimation(ra1);
1.4 透明度 AlphaAnimation
Java代码
//起始透明度，结束透明度
AlphaAnimation aa = new AlphaAnimation(0, 1);
aa.setDuration(1000);
animationView.startAnimation(aa);

XML代码
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    />
//调用
Animation aa1 = AnimationUtils.loadAnimation(this, R.anim.alpha);
animationView.startAnimation(aa1);
1.5 动画集合
Java代码
 TranslateAnimation ta = new TranslateAnimation(0, 200, 0, 0);
ScaleAnimation sa = new ScaleAnimation(4, 2, 4, 2,
	Animation.RELATIVE_TO_SELF, 0.5f,
	Animation.RELATIVE_TO_SELF, 0.5f);
RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, 		Animation.RELATIVE_TO_SELF, 0.5f);
AlphaAnimation aa = new AlphaAnimation(0, 1);
AnimationSet animationSet = new AnimationSet(true);
ta.setDuration(1000);
sa.setDuration(1000);
ra.setDuration(1000);
aa.setDuration(1000);
animationSet.addAnimation(ta);
animationSet.addAnimation(sa);
animationSet.addAnimation(ra);
animationSet.addAnimation(aa);
animationSet.setDuration(1000);
baseAnimationView.startAnimation(animationSet);
XML代码
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially"
    android:fillAfter="false"
    android:zAdjustment="normal"
    >
    <!-- 数字为绝对值，x%p为父容器坐标值的x%值    -->
    <translate
        android:duration="1000"
        android:fromXDelta="0%p"
        android:fromYDelta="0%p"
        android:toXDelta="90%p"
        android:toYDelta="90%p" />
    <scale
        android:duration="1000"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:toXScale="1.0"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        />
    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        />
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>
调用
Animation a = AnimationUtils.loadAnimation(this, R.anim.base_animation);
baseAnimationView.startAnimation(a);

旋转动画与平移动画做集合时，旋转坐标轴异常,即如何实现 滚动至指定位置动画？

2. 帧动画/AnimationDrawable

帧动画是通过顺序播放一系列图像从而产生动画效果，是一种简单的图片切换动画

XML代码 xml动画文件路径：res/drawable/xxxanimation.xml 
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/p4" android:duration="100"/>
    <item android:drawable="@drawable/p5" android:duration="100"/>
    <item android:drawable="@drawable/p6" android:duration="100"/>

</animation-list>
调用
 fAnimaitonView.setBackgroundResource(R.drawable.drawable_animation);
((AnimationDrawable) fAnimaitonView.getBackground()).start();

oneshot ture表示执行一次 false表示循环执行

3. 自定义动画

我们可以通过继承Animation类，重写它的initialize和applyTransformation方法来实现我们想要的效果，中间涉及数学上矩阵变换的概念，但实际开发中几乎用不到，因此待后续有时间做基础整理

4. 使用补充

4.1 动画监听

View动画不经常使用监听，但也有需要的时候

ta.setAnimationListener(new Animation.AnimationListener() {
            @Override
	public void onAnimationStart(Animation animation) {
		//启动时回调
	}
	@Override
	public void onAnimationEnd(Animation animation) {
		//结束时回调
	}
	@Override
	public void onAnimationRepeat(Animation animation) {
		//重复时回调
	}
});
4.2 插值器

插值器可以理解为动画进行过程中不同阶段时候设置动画的速度值，如匀速运动，加速运动，减速运动等

  • interpolator 设置插值器，默认android:anim/accelerate_decelerate_interpolator 加速减速

    • @android:anim/accelerate_interpolator： 越来越快
    • @android:anim/decelerate_interpolator：越来越慢
    • @android:anim/accelerate_decelerate_interpolator：先快后慢
    • @android:anim/anticipate_interpolator: 先后退一小步然后向前加速
    • @android:anim/overshoot_interpolator：快速到达终点超出一小步然后回到终点
    • @android:anim/anticipate_overshoot_interpolator：先后退一小步，到达终点超出一小步然后回到终点
    • @android:anim/bounce_interpolator：到达终点产生弹球效果，弹几下回到终点
    • @android:anim/linear_interpolator：均匀速度。
    • @android:anim/cycle_interpolator 循环播放，其速率为正弦曲线

  • shareInterpolator 设置集合是否与集合中的动画共享一个插值器，不指定则使用单独指定或是默认插值器

4.3 特殊使用场景

  • LayoutAnimation 为ViewGroup指定子元素的出场动画

    //Java代码
Animation aSet = AnimationUtils.loadAnimation(this, R.anim.animation_set_1);
LayoutAnimationController controller = new LayoutAnimationController(aSet);
controller.setOrder(LayoutAnimationController.ORDER_RANDOM);
controller.setDelay(0.5f);
content_ll.setLayoutAnimation(controller);

//XML代码 
<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="0.5"
    android:animationOrder="normal"
    android:animation="@anim/animation_set_1"/>
//指定动画
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        />
    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>
使用时在ViewGroup中指定     android:layoutAnimation="@anim/layout_animation"

    delay 表示子元素之间动画间隔时间，实际时间为动画周期*delay值

    animationOrder 子元素动画顺序： normal-顺序 reverse-逆序 random-随机

    animation 指定动画

  • Activity切换动画

    使用方法：overridePendingTransition(int enterAnim,int exitAnim)

    • 必须在startActivity或finish之后调用
    • enterAnim-打开时的动画资源，进入动画
    • exitAnim - 被暂停时的动画资源，退出动画

  • Fragment切换动画

    使用方法：setCustomAnimations(@AnimatorRes @AnimRes int enter, @AnimatorRes @AnimRes int exit, @AnimatorRes @AnimRes int popEnter, @AnimatorRes @AnimRes int popExit)

    • 在FragmentManager开启事务时进行操作
    • enter Fragment被添加或绑定时所呈现动画的资源id
    • exit Fragment被移除或解绑时所呈现动画的资源id
    • popEnter Fragment从栈中弹出时所呈现动画的资源id
    • popExit Fragment压入栈时所呈现动画的资源id

    v4包下的Fragment只能采用补间动画，因为属性动画是API11新引入的

  • 共享元素动画 5.0支持

    示例代码：

    1. 在共享的控件元素中 加入属性·`android:transitionName=“your_str”`
2.跳转时设置 指定共享的视图元素
ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(getActivity(), shareView, "image");
ActivityCompat.startActivity(getActivity(), intent, options.toBundle());
    • ActivityOptionsCompat makeSceneTransitionAnimation(Activity activity,View sharedElement, String sharedElementName)
      activity-发起跳转的Activity，shareElement-共享的控件，sharedElementName-定义的字符串

    在Fragment如何使用共享元素转场动画
    Fragment的startActivity()方法无法传入ActivityOptionsCompat，所以需要使用
    ActivityCompat.startActivity()来进行跳转

微光长明
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android补间动画
Marck的博客
04-25 3505
概述 本篇读书笔记基于《Android开发艺术探索》，将会介绍以下三种动画： View 动画 帧动画 属性动画 一、View动画 首先，我们要知道View动画作用的对象是View，它支持平移、缩放、旋转和透明度四种变换效果，它们的具体描述如下表所示： 名称 标签 子类 效果 平移动画 <translate> TranslateAnimation 移动View 缩...
Flutter HeroMode Widget 动画转场组件
会煮咖啡的猫咪
09-08 213
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qqYfElTD-1631112789467)(https://ducafecat.tech/2021/09/09/translation/heromode-widget-in-flutter/2021-09-08-22-37-25.png)] 原文 https://medium.com/flutterdevs/heromode-widget-in-flutter-9fac046fbf86 代码 https://github.
Android下Fragment的动画切换效果
10-10
Android下Fragment的动画切换效果 ，基于Eclipse，可运行
Fragment简单介绍
热门推荐
旧路
12-02 2万+
Fragment简单介绍，全面的了解Fragment的使用
Android中fragment是组建吗,Android"第五大组件"之Fragment
weixin_30239977的博客
05-27 163
一、简介FragmentAndroid 在 Android 3.0(API 级别 11)中引入了Fragment，主要是为了给大屏幕(如平板电脑)上更加动态和灵活的 UI 设计提供支持。Fragment 表示 Activity 中的行为或用户界面部分。您可以将多个Fragment组合在一个 Activity 中来构建多窗格 UI，以及在多个 Activity 中重复使用某个Fragment。您可以...
UE5 动画蓝图新应用，只是了解了一下
qq_51654332的博客
03-08 1618
个人纪录
科学动画片等
青少年趣味编程
04-26 779
（全50集）DK幼儿科普百科全书官方配套科普动画视频【给孩子的科普启蒙动画】48集完结 （全50集）DK幼儿科普百科全书官方配套科普动画视频【给孩子的科普启蒙动画】48集完结_哔哩哔哩_bilibili 少儿物理启蒙51集全 中英文字幕适合练听力 拓展课外知识 少儿物理启蒙51集全 中英文字幕适合练听力 拓展课外知识_哔哩哔哩_bilibili 52集全 【平博士密码】科普动画 从小培养孩子的创造力 52集全 【平博士密码】科普动画 从小培养孩子的创造力_哔哩哔哩_bilibili
Android拼图游戏开发全纪录0
qq_43666827的博客
11-14 328
Android拼图游戏开发全纪录0
厦门大学信息学院 计算机图形学课程相关实验全纪录.zip
最新发布
06-02
4. **Exp6**：实验6可能关注于更复杂的图形算法或技术，例如动画、物理模拟、图形交互或高级光照效果。 5. **Exp5**：此实验可能涉及图形学中的几何变换，如旋转、平移、缩放，或者更深入的如四元数用于表示和操作...
传媒行业专题研究：《哪吒》打开国产动画电影天花板，全年龄向动画、IP衍生产业仍是蓝海-0819-中原证券-23页.pdf
07-28
而国外动画电影如美国和日本动画，在题材选择、受众基础、海外输出等方面具有优势。 在IP衍生方面，报告认为存在巨大的发展空间。随着《哪吒》等动画电影的爆红，不仅其自身票房收入丰厚，同时也带动了相关IP衍生...
《what i have done》动画MTV 动画分镜设计.pdf
11-01
镜头画面设计是动画视觉效果的基础，需要结合音乐、电影和纪录片的知识，以写实的手法记录和揭露现实问题。 在具体的镜头画面设计中，构图是核心，包括静态构图和动态构图。静态构图更倾向于绘画和宁静场景，而动态...
2048游戏源码（Pygame仿真带移动动画）
01-24
此外，对于想要提升自己算法能力的人来说，2048游戏的逻辑也涉及到了一些基础的算法思想，如格子状态的更新、滑动方向的判断、合并操作的实现等，这些都是编程和算法学习中的宝贵实践。 总的来说，"2048游戏源码...
C#基础教程
daofeng3011的博客
07-17 7991
第一章       C#语言基础 本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window应用程序和Web应用程序。当然仅靠一章的内容就完全掌握C#语言是不可能的，如需进一步学习C#语言，还需要认真阅读有关C#语言的专著。 1.1      C#语言特点 Microsoft.NET(以下简称.NET)框架是微软提出的新一代W...
计算机基础知识重难点,计算机基础知识(很基础的知识)重点.doc
weixin_36317492的博客
06-15 536
计算机基础知识(很基础的知识)重点计算机硬件组成计算机外观机箱内部:主板:中央处理器(cpu)内存：输入设备：输出设备显卡硬盘：WINDOWS操作Windows操作系统的特点它是一个单用户多任务操作系统。它提供了完全图形化的友善的用户界面。它具有硬件即插即用的兼容性Windows系统的初始化加电后，计算机进入了开机自检和启动操作系统的初始化过程。开机自检是通过执行住板上安装的BIOS检测显示卡、软...
如何确定Android设备唯一识别码
微光
01-14 2222
文章目录应用设备唯一识别码的解决方案方向一：使用硬件标识1. 使用 DEVICE_ID2. 使用 ANDROID_ID3. 使用 MAC ADDRESS4. 使用 SERIAL NUMBER5. 硬件标识的优势与局限性方向二 使用UUID趋于完美的方案希望但又矛盾的完美方案名词解释 应用设备唯一识别码的解决方案 唯一标识必须满足两个特性才能完美解决定位唯一设备的问题，但这个问题的解决却注定只能极...
3D动画基础：对齐操作详解与3DSMAX介绍
在3D动画设计中，对象的对齐操作是一项基础而重要的技能。通过对齐功能，设计师可以精确地调整两个或多个对象之间的位置关系，确保模型布局的准确性和视觉效果的一致性。在3DS MAX中，执行对齐操作的方法是：首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值