Android动画了解—其它动画

最新推荐文章于 2024-09-14 00:36:28 发布
最新推荐文章于 2024-09-14 00:36:28 发布
阅读量635 收藏 1
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qw85525006/article/details/104911658
版权
本文全面解析Android中的动画技术，涵盖ViewGroup布局动画、StateListAnimator、Fling动画、springphysics动画、NineOldAndroids兼容库、SVG动画及Lottie动画等。深入探讨各动画类型的应用场景、实现方式与兼容性解决方案。
摘要由CSDN通过智能技术生成

其它的动画了解

1. 为 ViewGroup 对象的布局更改添加动画效果

名称说明
APPEARING当一个View在ViewGroup中出现时，对此View设置的动画
CHANGE_APPEARING当一个View在ViewGroup中出现时，对此View对其他View位置造成影响，对其他View设置的动画。
DISAPPEARING当一个View在ViewGroup中消失时，对此View设置的动画。
CHANGE_DISAPPEARING当一个View在ViewGroup中消失时，对此View对其他View位置造成影响，对其他View设置的动画。

LayoutTransition setLayoutTransition

举个栗子

LayoutTransition transition = new LayoutTransition();
transition.setDuration(1000);
transition.setAnimator(LayoutTransition.APPEARING, 
	transition.getAnimator(LayoutTransition.APPEARING)); //
transition.setAnimator(LayoutTransition.CHANGE_APPEARING, 
	transition.getAnimator(LayoutTransition.CHANGE_APPEARING));
transition.setAnimator(LayoutTransition.DISAPPEARING, 
	transition.getAnimator(LayoutTransition.DISAPPEARING));
transition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING, 		
	transition.getAnimator(LayoutTransition.CHANGE_DISAPPEARING));
viewGroup.setLayoutTransition(transition); // 设置 Layout Transition

在这里插入图片描述

2. 使用 StateListAnimator 为视图状态更改添加动画效果

AnimatorInflater.loadStateListAnimator

# xml 中设置  stateListAnimator
<Button
	android:id="@+id/add_btn"
	android:stateListAnimator="@xml/animate_scale"

# 代码中设置
button.setStateListAnimator(AnimatorInflater.loadStateListAnimator(this, R.xml.animate_scale));

# animate_scale.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- the pressed state; increase x and y size to 150% -->
    <item android:state_focused="true">
        <set>
            <objectAnimator android:propertyName="scaleX"
                android:duration="@android:integer/config_shortAnimTime"
                android:valueTo="1.5"
                android:valueType="floatType"/>
            <objectAnimator android:propertyName="scaleY"
                android:duration="@android:integer/config_shortAnimTime"
                android:valueTo="1.5"
                android:valueType="floatType"/>
        </set>
    </item>
    <!-- the default, non-pressed state; set x and y size to 100% -->
    <item android:state_focused="false">
        <set>
            <objectAnimator android:propertyName="scaleX"
                android:duration="@android:integer/config_shortAnimTime"
                android:valueTo="1"
                android:valueType="floatType"/>
            <objectAnimator android:propertyName="scaleY"
                android:duration="@android:integer/config_shortAnimTime"
                android:valueTo="1"
                android:valueType="floatType"/>
        </set>
    </item>
</selector>

在这里插入图片描述

3. Fling 动画

// 导入方式
dependencies {
	implementation 'com.android.support:support-dynamic-animation:28.0.0'
}

// 代码方式
FlingAnimation fling = new FlingAnimation(view, DynamicAnimation.SCROLL_X);
设置速度，摩擦力，动画值的范围
// 以下示例展示了水平投掷。速度跟踪器捕获的速度为 velocityX，且滚动边界值设置为 0 和 maxScroll。摩擦力设置为 1.1。
fling.setStartVelocity(-velocityX)
            .setMinValue(0)
            .setMaxValue(maxScroll)
            .setFriction(1.1f)
            .start();

在这里插入图片描述
setStartVelocity(float)：设置起始加速度，单位是改变的属性每秒，默认是0
setMinValue(float)：设置动画的最小值。这个值是创建FlingAnimation中的属性值的最小值，也就是说属性值不过小于该值。
setMaxValue(float)：与上面类似，只不过是最大值，min<=属性值<=max。
setFriction(float)：设置摩擦力，学过力学的都知道，没有摩擦力，那么将一直运动下去；而摩擦力越大，那么将会越快停止，默认值是1。

参考资料： https://developer.android.com/guide/topics/graphics/fling-animation

4. spring physics 动画

导入方式

dependencies {
	def dynamicanimation_version = "1.0.0"
	implementation 'androidx.dynamicanimation:dynamicanimation:$dynamicanimation_version'
}

小栗子

final View img = findViewById(R.id.imageView);
// Setting up a spring animation to animate the view’s translationY property with the final
// spring position at 0.
final SpringAnimation springAnim = new SpringAnimation(img, DynamicAnimation.TRANSLATION_Y, 0);

在这里插入图片描述
TRANSLATION_X 表示左侧坐标。
TRANSLATION_Y 表示顶部坐标。
TRANSLATION_Z 表示视图相对于其高度的深度。

ROTATION、ROTATION_X 和 ROTATION_Y：这些属性用于控制视图围绕轴心点进行的 2D（rotation属性）和 3D 旋转。

SCROLL_X 和 SCROLL_Y：这些属性分别表示视图距离源左侧和顶部边缘的滚动偏移量（以像素为单位）。它还以页面滚动的距离来表示位置。

ALPHA：表示视图的 Alpha 透明度。该值默认为 1（不透明），值为 0 则表示完全透明（不可见）。

https://blog.csdn.net/l474297694/article/details/79916864

参考资料：https://developer.android.com/guide/topics/graphics/spring-animation

5. 开源动画兼容库 NineOldAndroids

Api level 11(Android 3.0才开始) 推出 的 Property Animation API，但是在 3.0以下的版本无法使用。

为了解决3.0以下的问题，大神 JakeWharton 编写了 NineOldAndroids 这个库，任意的Android版本上都可以使用 API 了！！！

这个库中会根据我们运行的机器判断其SDK版本，如果是API3.0以上则使用Android自带的动画类，否则就使用Nine Old Androids库中，这是一个兼容库。

官方资料

项目地址

6. SVG 动画

实现复杂动画的一种方式，SVG(Scalable vector Graphics，可缩放矢量图形)，Android 5.0 开始支持 SVG图形；5.0以下的机型，添加 appcompat-v7:23.4.0支持兼容。
在这里插入图片描述

一个根据 状态切换 的简单的DEMO —— SVG动画
在这里插入图片描述

// strikethru_on.xml   => 通过SVG图片转换成 VectorDrawable
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="64dp"
    android:height="64dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">

    // 眼睛图案
    <path
        android:fillColor="#FFFFFF"
        android:pathData="M12,4.5C7,4.5 2.73,7.61 1,12c1.73,4.39 6,7.5 11,7.5s9.27,-3.11 11,-7.5c-1.73,-4.39 -6,-7.5 -11,-7.5zM12,17c-2.76,0 -5,-2.24 -5,-5s2.24,-5 5,-5 5,2.24 5,5 -2.24,5 -5,5zM12,9c-1.66,0 -3,1.34 -3,3s1.34,3 3,3 3,-1.34 3,-3 -1.34,-3 -3,-3z" />
	
	// 斜线的终点
    <path
        android:name="strike"
        android:fillColor="#FFFFFF"
        android:pathData="M4,4L20,20L19,21L3,5Z" />

</vector>

在这里插入图片描述
反之 strikethru_off.xml 的预览图效果(唯一不同是 strike 的 pathData为 “M4,4L20,20L19,21L3,5Z” 一条斜线)
在这里插入图片描述
根据焦点状态切换不同的 SVG动画

// strikethru_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
    
    // 上焦点的时候为 strikethru_on
    <item
        android:id="@+id/checked"
        android:drawable="@drawable/strikethru_on"
        android:state_focused="true" />
    
    // 失去焦点的时候为 strikethru_off
    <item
        android:id="@+id/unchecked"
        android:drawable="@drawable/strikethru_off" />

    // unchecked -> 过渡(strikethru_off_to_on) -> checked(最终状态) 
    <transition
        android:fromId="@id/unchecked"
        android:toId="@id/checked"
        android:drawable="@drawable/strikethru_off_to_on" />
    
    // checked -> 过渡(strikethru_on_to_off) -> unchecked(最终状态)
    <transition
        android:fromId="@id/checked"
        android:toId="@id/unchecked"
        android:drawable="@drawable/strikethru_on_to_off" />

</animated-selector>

这里拿出上焦后的所有SVG动画来了解整个思路
从 strikethru_off 到 strikethru_on 的效果，中间穿插了过渡的动画效果.
strikethru_off_to_on.xml 将 需要做动画效果的 strike 的这条直线 与 动画 strike_toggle_on 关联起来.

strike 是绘制一条斜线

// strikethru_off_to_on.xml 
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/strikethru_off">

    <!-- Vector图形(strike)与动画关联(strike_toggle_on) -->
    <target
        android:name="strike"
        android:animation="@animator/strike_toggle_on" />

</animated-vector>

// animated-vector ,把 VectorDrawable 和 objectAnimator 连起来

// strike_toggle_on.xml pathData表示的是 vector，valueFrom的矢量 到 valueTo的矢量 的动画
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_shortAnimTime"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="pathData"
    android:valueFrom="M4,4L20,20L19,21L3,5Z"
    android:valueTo="M4,4L4,4L3,5L3,5Z"
    android:valueType="pathType" />

最后 SVG + 动画 就完成了，就像我们开头看到的效果一样

实现一个复杂的SVG动画效果
在这里插入图片描述
代码太多，我就不贴代码，感兴趣的可以自己去看看！！！
SVG生成的连接
SVG生成的drawable文件
手把手教学， android 使用 SVG

性能上的比较
在这里插入图片描述
Android Vector svg相关资料
https://www.youtube.com/watch?v=fgbl34me3kk
http://blog.chengyunfeng.com/?p=1028 SVG复杂动画教程
https://zhuanlan.zhihu.com/p/61678845
https://zhuanlan.zhihu.com/p/22013005

一些SVG相关工具
http://inloop.github.io/svg2android/ SVG转换工具
https://github.com/sketch-hq/svgo-compressor
https://romannurik.github.io/AndroidIconAnimator/ SVG动画生成工具

7. Lottie

动效 AE软件 使用 bodymovin插件 导出 json数据文件(data.json)，最后在Android 中使用. (Lottie做动画，专业的东西交给专业人做，真正解放程序员的生产力。)
在这里插入图片描述
导入方式

dependencies {
    ...
    implementation "com.airbnb.android:lottie:3.4.0"
    ...
}

使用方式

<com.airbnb.lottie.LottieAnimationView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:lottie_fileName="data.json"
    app:lottie_loop="true"
    app:lottie_autoPlay="true" />
    
// 或者代码中导入    
animationView.setAnimation("data.json");

看看几个官方的效果
在这里插入图片描述
在这里插入图片描述
使用场景

  • 启动(splash)动画：典型场景是APP logo动画的播放
  • 上下拉刷新动画：所有APP都必备的功能，利用 Lottie 可以做的更加简单酷炫了
  • 加载(loading)动画：典型场景是网络请求的loading动画
  • 提示(tips)动画：典型场景是空白页的提示
  • 按钮(button)动画：典型场景如switch按钮、编辑按钮、播放按钮等按钮的切换过渡动画
  • 礼物(gift)动画：典型场景是直播类APP的高级动画播放
  • 视图转场动画（通过 LOTAnimationTransitionController 来实现 presentViewController 和 dismissViewControllerAnimated 转场动画）

感兴趣的可以查查资料

json示例

官方资料

Android使用文档

Lottie开源动画库介绍与使用示例

一些控件动画库了解

Android动画了解—RecyclerView Animator<=上个章节 下个章节=> Android动画了解—扩展知识

Android 动画↑
zenmela2011的专栏
04-12 1484
1.Android动画 Android系统的动画主要分为三大类： ①View Animation 视图动画：在古老的Android版本系统中就已经提供了，只能被用来设置View的动画。 ②Drawable Animation (也叫Frame动画、帧动画）：专门用来一个一个的显示Drawable的resources，就像放幻灯片一样。 ③Property Animation属性动画：只对Android 3.0（API 11）以上版本的Android系统才有效，这种动画可以设置给任何Object，包.
android 动画被父布局遮盖问题解决1
08-08
总之，解决Android动画被父布局遮盖的问题，关键在于理解和正确应用`android:clipChildren`和`android:clipToPadding`属性，以及在必要时使用`bringToFront()`方法。通过这些技术，我们可以创建出更加流畅、无遮挡的...
Android动画学习笔记-Android Animation
aehvbew8628的博客
12-02 353
3.0以前，android支持两种动画模式，tween animation,frame animation，在android3.0中又引入了一个新的动画系统：property animation，这三种动画模式在SDK中被称为property animation,view animation,drawable animation。 可通过NineOldAndroids项目在3.0之前的系...
Android——动画简述，属性动画用法概述
最新发布
weixin_50995731的博客
09-14 908
本文章简单阐述了android中动画的类别，并对属性动画的基本用法进行概述
android animation的学习之路
因为了解所以无知
01-15 947
 android animation关键字: android动画效果编程基础--AnimationAndroid 动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 JavaCode中 AlphaAnimation 渐
android-Anmation动画详讲
u014649337的专栏
05-25 1214
Android Animation动画 Android Animation Contents： Animations Tween Animations AnimationSet Interpolator Frame-By-Frame Animations LayoutAnimationsController Anim
Android中Animation详解
mmdev
05-15 181
Animation从总体来说可以分为两类： Tweened Animations：该类提供了旋转，移动，伸展，淡入淡出等效果 Frame-By-Frame Animations：该类可以创建一个Drawable序列，这些Drawable可以按照指定的事件间隔一个一个显示，和动画片差不多 一、Tweened Animations Tweened Animations也有四种类型： Al...
Android动画效果集合开源APP(BaseAnimation1.3)程序源码
02-10
BaseAnimation1.3版本增加如下动画 1.Splash增加2个动画 2.高仿动画效果增加10个 3.ListView集合增加15...如果有新版本会自动提醒大家更新 也希望大家多多贡献自己的动画xml文件或者其他源码 一起来打造这个开源的app
Android开机动画修改
09-16
要修改Android开机动画，我们需要了解几个关键点，包括bootanimation.zip文件、desc.txt文件格式以及可能出现的问题及其解决方法。 首先，开机动画的修改主要涉及到`bootanimation.zip`文件。这是一个特殊的压缩包...
Android动画集合开源APP
01-13
BaseAnimation,如果有新版本会自动提醒大家更新,也希望大家多多贡献自己的动画xml文件或者其他源码,一起来打造这个开源的app 博客地址:http://blog.csdn.net/duguang77/article/details/18230867
Android动画介绍-帧动画
05-02
此外，Android还提供了其他类型的动画，如补间动画（Tween Animation）和属性动画（Property Animation），它们提供了更高级的功能，如平滑的过渡、3D效果等。不过，对于简单的动画效果，帧动画是一个既简单又实用的...
android所有动画
06-13
android自定义动画，所有动画android动画
DynamicAnimationExample, 一个简单的spring 动画( 支持库 v25.3.0 ) 示例 Android 应用.zip
09-17
DynamicAnimationExample, 一个简单的spring 动画( 支持库 v25.3.0 ) 示例 Android 应用 动态动画示例 动态动画是在Android的Android版本 25.3.0中引入的一个新的模块。 它提供了一组用于制作基于真实物理的视图动画的类。设置要开始，请将以下依赖项添加到模块的build.gradle 中：
DynamicAnimation:2D动画调查，在Android手机中实现一些gif照片
05-13
DynamicAnimation 2D Animation survey,realize some gif photo in Android phone 将一些gif图片的效果，在android上进行实现。
android Animation
大东的博客
11-24 290
动画的介绍 android的animation一共4种类型：alpha、scale、translate、rotate（透明度、缩放、位置移动、旋转） 2. 动画的模式 一种是渐变型的：alpha和scale 一种是转动型的：translate和rotate animation的使用，分为2种，一种是在xml加入动画，然后动态加载xml;第二种是java代码声明对象。 在xml文件中定义动画
Android-Animation
@CJZ啊的博客
09-16 163
Animation 动画类型 视图动画View Animation（补间动画Tween、帧动画Frame） 属性动画Property Animation 补间动画 补间动画类型 Android的补间动画由四种类型组成： XML中 alph 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 ...
Android Animation
开心的去学习->研究
02-19 378
Animation简介Android提供了几种动画类型：View Animation (视图动画)、Drawable Animation 、Property Animation (属性动画)。 View Animation包括Tween Animation（补间动画）和Frame Animation(逐帧动画)； Property Animator包括ValueAnimator和ObjectAnimator
Android Animation（动画）
weixin_30249203的博客
12-10 110
前言 Android 平台提供实现动画的解决方案(三种) 一、3.0以前，android支持两种动画： （1）Frame Animation：顺序播放事先做好的图像，与gif图片原理类似，是一种逐帧动画； （2）Tween Animation：通过对场景里的对象不断做图像变换(渐变、平移、缩放、旋转)产生动画效果，即是一种补间动画 二、android3.0中又引入了一个新的动画系统：pr...
深入探索Android动画与绘图技术
本文将深入探讨Android动画和画图的学习，主要包括以下几个方面： 1. **Android画图基础** Android SDK中的画图功能主要基于`Canvas`、`Bitmap`、`Drawable`和`Paint`等类。在Android画图学习总结（一）中，我们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值