0

0

Android vector path trimPath XML实现路径绘制动画

煙雲

煙雲

发布时间:2026-03-16 15:04:03

|

830人浏览过

|

来源于php中文网

原创

必须组合使用trimPathStart和trimPathEnd,且至少一个值随时间变化才能触发动画;Android中仅AnimatedVectorDrawable支持动态更新,二者取值范围均为0.0–1.0,超出自动截断。

android vector path trimpath xml实现路径绘制动画

trimPathStart 和 trimPathEnd 怎么配合用才动得起来

单靠 trimPathStarttrimPathEnd 无法触发动画,必须两者组合、且至少一个值随时间变化。Android 的 AnimatedVectorDrawable 是唯一支持动态更新这两个属性的机制,直接在 pathData 里写死数值是静态的,不会动。

常见错误现象:trimPathStart="0.5" 写在 XML 里,结果路径一半都不显示,但也没动画——因为没绑定动画器,只是裁剪。

  • 必须用 AnimatedVectorDrawable 引用 VectorDrawable,再通过 ObjectAnimator 控制 trimPathStart / trimPathEnd
  • 两个属性取值范围都是 0.0–1.0,超出会 clamp,不是百分比也不是像素
  • 如果只动 trimPathEnd(从 0 → 1),效果是“从起点开始画到终点”;只动 trimPathStart(0 → 1)则是“从起点逐渐擦除到终点”

ObjectAnimator target 属性名容易拼错

path 节点设动画时,ObjectAnimatorandroid:propertyName 必须严格匹配为 trimPathStarttrimPathEnd,大小写、下划线都不能错。写成 trimpathstarttrimPathstarttrim_path_start 都会静默失败——没报错,但动画不执行。

使用场景:通常在 animator/path_morph.xml 或 Java/Kotlin 中 new ObjectAnimator.ofFloat() 时指定。

  • XML 中写法示例:<objectAnimator android:propertyName="trimPathEnd" ... />
  • 代码中写法:ObjectAnimator.ofFloat(path, "trimPathEnd", 0f, 1f)
  • 注意:target 必须是 <path>android:name,且该 name 在 AnimatedVectorDrawable<target> 标签里正确引用

vector path 的 fillType 影响 trim 起始方向

fillType 决定 Android 如何计算路径长度和绘制顺序,进而影响 trimPathStart 从哪开始裁。默认是 nonZero,但若路径含自交或子路径(比如圆环+内圆),改用 evenOdd 可能导致裁剪“跳段”——看起来动画突然断开或反向。

社研通
社研通

文科研究生的学术加速器

下载

性能影响:两种 fillType 渲染开销无明显差异,但行为差异大,调试时容易误判为动画 bug。

  • 简单线条、单闭合路径(如心形、箭头)用默认 nonZero 即可
  • 多层嵌套路径(如带镂空的文字 icon)建议先在 VectorDrawable 预览工具里试 trimPathStart="0.1" 静态值,确认起始点符合预期
  • 不要在动画运行中动态改 fillType,它不支持 runtime 修改

API 21 以下设备直接不支持 trimPath 动画

trimPathStarttrimPathEnd 是 API 21(Lollipop)引入的属性,低于此版本的 VectorDrawableCompat 不转发这两个属性到动画系统。即使你用了 AppCompatDelegate.setCompatVectorFromResourcesEnabled(true),老设备上仍会忽略这些动画。

兼容性影响:不是 crash,而是“完全不动”,连初始裁剪都不生效(trimPathStart="0.2" 在 API 16 上会被无视)。

  • 必须做运行时判断:if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
  • 替代方案只能是逐帧 Bitmap 动画或自定义 View.onDraw() + PathMeasure 截取,成本高得多
  • 第三方库如 lottie-android 可绕过此限制,但需引入额外依赖和 JSON 资源转换流程
实际项目里最容易被忽略的是:动画 duration 设太短(比如 100ms),人眼根本看不出路径在“画”,只看到闪一下;或者多个 <path> 共享同一个 android:name,导致动画打到错误路径上。这些细节不报错,但效果全偏了。

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Kotlin协程编程与Spring Boot集成实践
Kotlin协程编程与Spring Boot集成实践

本专题围绕 Kotlin 协程机制展开,深入讲解挂起函数、协程作用域、结构化并发与异常处理机制,并结合 Spring Boot 展示协程在后端开发中的实际应用。内容涵盖异步接口设计、数据库调用优化、线程资源管理以及性能调优策略,帮助开发者构建更加简洁高效的 Kotlin 后端服务架构。

131

2026.02.12

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

457

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

549

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

337

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

83

2025.09.10

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

847

2023.08.22

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1950

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2119

2024.08.01

C++多线程并发控制与线程安全设计实践
C++多线程并发控制与线程安全设计实践

本专题围绕 C++ 在高性能系统开发中的并发控制技术展开,系统讲解多线程编程模型与线程安全设计方法。内容包括互斥锁、读写锁、条件变量、原子操作以及线程池实现机制,同时结合实际案例分析并发竞争、死锁避免与性能优化策略。通过实践讲解,帮助开发者掌握构建稳定高效并发系统的关键技术。

4

2026.03.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号