Android动画简单介绍(android动画效果大全)
ztj100 2025-02-04 17:10 12 浏览 0 评论
在Android应用项目开发过程中,为了实现各种效果,可以使用动画,增加画面效果。此篇文档介绍小Android系统中的动画机制和各种开发者可以自己实现的方式。
Android动画类型分类
- Frame Animation:逐帧动画,即顺序播放事先做好的图像,跟电影类似 。
- Tween Animation:补间动画,通过对场景里的对象不断做图像变换 ( 平移(0,0) ->(100,100)、缩放、旋转 ) 产生动画效果。
- Property Animation:属性动画,补间动画增强版,支持对对象执行动画。(0,0) -> (100,100)
- Transition Animation:过渡动画,主要是实现Activity或View过渡动画效果。
动画的实现方式
动画实现有两种方式:第一种是xml格式文件定义实现,第二种方式是在代码中进行实现。
1、逐帧动画
逐帧动画经常使用XML资源文件方式进行定义和声明:
- animation-list:xml文件根节点的标签名,表示逐帧动画。item表示每一帧的资源内容。
- android:oneshot:该属性用来控制动画是否循环播放,true表示不会循环播放,false表示会循环播放。
- android:duration:该属性表示每一帧持续播放的时间。
2、补间动画
补间动画只需要定义动画开始与结束两个关键帧,并指定动画变化的时间与方式等 。主要有四种基本的效果:透明度、缩放、位移、旋转。
在xml文件形式定义时,xml文件中标签名分别如下所示:
- alph:渐变透明度动画效果
- scale: 渐变尺寸伸缩动画效果
- translate:画面转换位置移动动画效果
- rotate:画面转移旋转动画效果
在Java代码中,对应的类分别为AlphaAnimation,ScaleAnimation,TranslateAnimation,RotateAnimation,此处省略不再赘述。
差值器
插值器主要是用来定义动画变化过程中的变化速率的一个工具。在android中提供了很多类型的插值器,比如:
- AccelerateInterpolator:加速,开始时慢中间加速
- DecelerateInterpolator: 减速,开始时快然后减速
- AccelerateDecelerateInterolator:先加速后减速,开始结束时慢,中间加速
- AnticipateInterpolator:反向,先向相反方向改变一段再加速播放
- LinearInterpolator:线性,线性均匀改变,最常用的插值器类型。
3、属性动画
属性动画是补间动画的增强升级版,之所以提出属性动画,原因是补间动画有一些缺点,主要是:
- 补间动画只能作用域某个View视图,使用受限。
- 只改变view视图效果,无法改变真实属性。
- 只能实现某个单一效果
相较于补间动画,属性动画的使用范围不在局限于view,同时还可以根据需要实现各种效果。
3.1 Animator及子类
Animator是属性动画的基类,是一个抽象类。该抽象类有两个重要的具体实现类,分别是:ValueAnimator和ObjectAnimator类。另外还会使用到Evaluator,AnimatorSet等类。
Evaluator称之为估值器,其作用类似于之前的插值器。
AnimatorSet主要用于实现多种动画的组合,形成组合动画。常见的方法:
- play:播放动画
- after:将现有动画延迟x毫秒后执行
- with:将现有动画和传入的动画同时执行
- after:将现有动画插入到传入的动画之后执行
- before:将现有动画插入到传入的动画之前执行
ValueAnimator
将作用对象的属性值从初始值以整数型数值的形式过渡到结束值。有两种实现方式:代码形式和xml文件形式。
以xml格式为例:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<animator
android:valueFrom="0"
android:valueTo="100"
android:valueType="intType"
android:duration="3000"
android:startOffset ="1000"
android:fillBefore = "true"
android:fillAfter = "false"
android:fillEnabled= "true"
android:repeatMode= "restart"
android:repeatCount = "0"
android:interpolator="@android:anim/accelerate_interpolator"/>
<!--初始值-->
<!--结束值-->
<!--变化值类型 :floatType & intType-->
<!--动画持续时间(ms),必须设置,动画才有效果-->
<!--动画延迟开始时间(ms)-->
<!--动画播放完后,视图是否会停留在动画开始的状态,默认为true-->
<!--动画播放完后,视图是否会停留在动画结束的状态,优先于fillBefore值,默认为false-->
<!--是否应用fillBefore值,对fillAfter值无影响,默认为true-->
<!--选择重复播放动画模式,restart代表正序重放,reverse代表倒序回放,默认为restart|-->
<!--重放次数(所以动画的播放次数=重放次数+1),为infinite时无限重复-->
<!--插值器,即影响动画的播放速度,下面会详细讲-->
</set>
ObjectAnimator
ObjectAnimator的原理是直接对对象的属性值进行改变操作,从而实现动画效果 。该类继承自ValueAnimator类,即底层的动画实现机制是基于ValueAnimator类 。以xml形式定义为例:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<ObjectAnimator
android:valueFrom="1"
android:valueTo="0"
android:valueType="floatType"
android:duration = "800"
android:propertyName="alpha"/>
</set>
注意,以XML方式,res的文件夹名称必须是animator,否则无法引用。
ValueAnimator与ObjectAnimator区别
- ValueAnimator 类是先改变值,然后手动赋值 给对象的属性从而实现动画;是间接对对象属性进行操作;
- ObjectAnimator 类是先改变值,然后自动赋值 给对象的属性从而实现动画;是直接对对象属性进行操作;
此文转载自知乎:千锋HTML5学院
相关推荐
- 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组件的时候,发现并没有网络请求:异步组件:...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)