百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

8年大牛教学Android动画:这是一篇全面 &详细的属性动画总结&攻略

ztj100 2025-02-04 17:10 11 浏览 0 评论


前言

  • 属性动画的使用 是 Android 开发中常用的知识
  • 本文将献上一份全面 & 详细的属性动画学习指南,将详细介绍属性动画的所有内容,包括:意义、作用、应用场景、功原理 & 具体使用等,希望你们会喜欢。

目录


1. 意义

  • 属性动画(Property Animation)是在 Android 3.0(API 11)后才提供的一种全新动画模式
  • 那么为什么要提供属性动画(Property Animation)?

1.1 背景

实现动画效果在Android开发中非常常见,因此Android系统一开始就提供了两种实现动画的方式:

  • 逐帧动画(Frame Animation)
  • 补间动画( Tweened animation )

1.2 问题

逐帧动画 & 补间动画存在一定的缺点:

a. 作用对象局限:View

即补间动画 只能够作用在视图View上,即只可以对一个Button、TextView、甚至是LinearLayout、或者其它继承自View的组件进行动画操作,但无法对非View的对象进行动画操作

有些情况下的动画效果只是视图的某个属性 & 对象而不是整个视图;如,现需要实现视图的颜色动态变化,那么就需要操作视图的颜色属性从而实现动画效果,而不是针对整个视图进行动画操作

b. 没有改变View的属性,只是改变视觉效果

  • 补间动画只是改变了View的视觉效果,而不会真正去改变View的属性。
  • 如,将屏幕左上角的按钮 通过补间动画 移动到屏幕的右下角
  • 点击当前按钮位置(屏幕右下角)是没有效果的,因为实际上按钮还是停留在屏幕左上角,补间动画只是将这个按钮绘制到屏幕右下角,改变了视觉效果而已。

c. 动画效果单一

  • 补间动画只能实现平移、旋转、缩放 & 透明度这些简单的动画需求
  • 一旦遇到相对复杂的动画效果,即超出了上述4种动画效果,那么补间动画则无法实现。

即在功能 & 可扩展性有较大局限性

1.3 解决方案

  • 为了解决补间动画的缺陷,在 Android 3.0(API 11)开始,系统提供了一种全新的动画模式:属性动画(Property Animation)
  • 下面,我将全面介绍属性动画(Property Animation)

2. 简介

  • 作用对象:任意 Java 对象

不再局限于 视图View对象

  • 实现的动画效果:可自定义各种动画效果

不再局限于4种基本变换:平移、旋转、缩放 & 透明度


3. 特点

  • 作用对象进行了扩展:不只是View对象,甚至没对象也可以
  • 动画效果:不只是4种基本变换,还有其他动画效果
  • 作用领域:API11后引入的

4. 工作原理

  • 在一定时间间隔内,通过不断对值进行改变,并不断将该值赋给对象的属性,从而实现该对象在该属性上的动画效果

可以是任意对象的任意属性

  • 具体的工作原理逻辑如下:
  • 从上述工作原理可以看出属性动画有两个非常重要的类:ValueAnimator 类 & ObjectAnimator 类
  • 其实属性动画的使用基本都是依靠这两个类
  • 所以,在下面介绍属性动画的具体使用时,我会着重介绍这两个类。

5. 具体使用

对于属性动画的使用,主要是:

  1. 两个使用方法类:ValueAnimator 类 & ObjectAnimator 类
  2. 两个辅助使用类:插值器 & 估值器

下面将详细介绍

5.1 ValueAnimator类

  • 定义:属性动画机制中 最核心的一个类
  • 实现动画的原理:通过不断控制 值 的变化,不断 手动 赋给对象的属性,从而实现动画效果。如图下:

从上面原理可以看出:ValueAnimator类中有3个重要方法:

  1. ValueAnimator.ofInt(int values)
  2. ValueAnimator.ofFloat(float values)
  3. ValueAnimator.ofObject(int values)
  • 下面我将继续讲解另外一个重要的类:ObjectAnimator类

5.2 ObjectAnimator类

5.2.1 实现动画的原理

直接对对象的属性值进行改变操作,从而实现动画效果

如直接改变 View的 alpha 属性 从而实现透明度的动画效果继承自ValueAnimator类,即底层的动画实现机制是基于ValueAnimator类

  • 本质原理: 通过不断控制 值 的变化,再不断 自动 赋给对象的属性,从而实现动画效果。如下图:

从上面的工作原理可以看出:ObjectAnimator与 ValueAnimator类的区别:

  • ValueAnimator 类是先改变值,然后 手动赋值 给对象的属性从而实现动画;是 间接 对对象属性进行操作;
  • ObjectAnimator 类是先改变值,然后 自动赋值 给对象的属性从而实现动画;是 直接 对对象属性进行操作;

至于是如何自动赋值给对象的属性,下面会详细说明

  • 具体使用请看文章:Android ObjectAnimator类学习指南:手把手带你学会如何自定义属性动画

5.3 ValueAnimator类 & ObjectAnimator 类的区别

  • 对比ValueAnimator类 & ObjectAnimator 类,其实二者都属于属性动画,本质上都是一致的:先改变值,然后 赋值 给对象的属性从而实现动画效果。
  • 但二者的区别在于:
    ValueAnimator 类是先改变值,然后 手动赋值 给对象的属性从而实现动画;是 间接 对对象属性进行操作;

ValueAnimator 类本质上是一种 改变 值 的操作机制

ObjectAnimator类是先改变值,然后 自动赋值 给对象的属性从而实现动画;是 直接 对对象属性进行操作;

可以理解为:ObjectAnimator更加智能、自动化程度更高


5.4 插值器


5.5 估值器


5.6 插值器与估值器的区别

估值器和插值器很多人容易混淆,具体区别如下:


6. 使用小技巧

对于属性动画的使用小技巧包括:

  • 组合动画
  • 快捷使用动画
  • 监听动画
  • 动画适配器

至此,Android 动画中的属性动画的所有知识点都讲解完毕。


7. 总结

  • 属性动画的本质原理:通过不断对值进行改变,并不断将该值赋给对象的属性,从而实现该对象在该属性上的动画效果;具体工作原理逻辑如下:
  • 属性动画的使用主要有以下类,具体如下:

结尾

这个结尾是不是太过于突兀,哈哈。其实文章只是我个人的一些见解而已,真正能复刻的东西才能写下来,但是真正核心的都在我“脑子”里面。知识是属于你的永久财富,谁也偷不走,能一辈子为你所用。所以上面的文章只是给大家一个比较浅的了解,要是真正想学习这块的,或者在这方面工作的朋友我免费分享给你,当然也希望大家都能多多支持我,你们的点赞就是我的动力,谢谢!

Android小白———Android高级架构师

我呢也将自己当前所在技术领域的各项知识点、工具、框架等汇总成一份技术路线图,和一些架构进阶视频、全套学习PDF文件、面试文档、源码笔记

需要的朋友可以私信【学习】我分享给你,希望里面的资料可以给你们一个更好的学习参考。

或者直接点击下面链接即可领取!

Android学习PDF+架构视频+面试文档+源码笔记

短视频学习思维导图

  • 系统的对应视频
  • 系统的对应学习资料

好了,以上便是今天的分享,希望为各位后续的学习提供方便。觉得内容不错,也欢迎多多转发分享给身边的朋友哈。

谢谢点赞!因为你们的赞同/鼓励是我写作的最大动力!

相关推荐

Vue3非兼容变更——函数式组件(vue 兼容)

在Vue2.X中,函数式组件有两个主要应用场景:作为性能优化,因为它们的初始化速度比有状态组件快得多;返回多个根节点。然而在Vue3.X中,有状态组件的性能已经提高到可以忽略不计的程度。此外,有状态组...

利用vue.js进行组件化开发,一学就会(一)

组件原理/组成组件(Component)扩展HTML元素,封装可重用的代码,核心目标是为了可重用性高,减少重复性的开发。组件预先定义好行为的ViewModel类。代码按照template\styl...

Vue3 新趋势:10 个最强 X 操作!(vue.3)

Vue3为前端开发带来了诸多革新,它不仅提升了性能,还提供了...

总结 Vue3 组件管理 12 种高级写法,灵活使用才能提高效率

SFC单文件组件顾名思义,就是一个.vue文件只写一个组件...

前端流行框架Vue3教程:17. _组件数据传递

_组件数据传递我们之前讲解过了组件之间的数据传递,...

前端流行框架Vue3教程:14. 组件传递Props效验

组件传递Props效验Vue组件可以更细致地声明对传入的props的校验要求...

前端流行框架Vue3教程:25. 组件保持存活

25.组件保持存活当使用...

5 个被低估的 Vue3 实战技巧,让你的项目性能提升 300%?

前端圈最近都在卷性能优化和工程化,你还在用老一套的Vue3开发方法?作为摸爬滚打多年的老前端,今天就把私藏的几个Vue3实战技巧分享出来,帮你在开发效率、代码质量和项目性能上实现弯道超车!一、...

绝望!Vue3 组件频繁崩溃?7 个硬核技巧让性能暴涨 400%!

前端的兄弟姐妹们五一假期快乐,谁还没在Vue3项目上栽过跟头?满心欢喜写好的组件,一到实际场景就频频崩溃,页面加载慢得像蜗牛,操作卡顿到让人想砸电脑。用户疯狂吐槽,领导脸色难看,自己改代码改到怀疑...

前端流行框架Vue3教程:15. 组件事件

组件事件在组件的模板表达式中,可以直接使用...

Vue3,看这篇就够了(vue3 从入门到实战)

一、前言最近很多技术网站,讨论的最多的无非就是Vue3了,大多数都是CompositionAPI和基于Proxy的原理分析。但是今天想着跟大家聊聊,Vue3对于一个低代码平台的前端更深层次意味着什么...

前端流行框架Vue3教程:24.动态组件

24.动态组件有些场景会需要在两个组件间来回切换,比如Tab界面...

前端流行框架Vue3教程:12. 组件的注册方式

组件的注册方式一个Vue组件在使用前需要先被“注册”,这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册...

焦虑!Vue3 组件频繁假死?6 个奇招让页面流畅度狂飙 500%!

前端圈的朋友们,谁还没在Vue3项目上踩过性能的坑?满心期待开发出的组件,一到高并发场景就频繁假死,用户反馈页面点不动,产品经理追着问进度,自己调试到心态炸裂!别以为这是个例,不少人在电商大促、数...

前端流行框架Vue3教程:26. 异步组件

根据上节课的代码,我们在切换到B组件的时候,发现并没有网络请求:异步组件:...

取消回复欢迎 发表评论: