先记录一次点击应当改变哪个商品说明
以瓶身三个部位的讲解为例,先写出点击瓶盖、标签或底座后各显示哪段已经批准的说明,哪个动作关闭说明。不能只让制作方交付“有交互”三个字,因为按钮能产生运动,并不代表出现的是对应部件的内容。保留图层名、事件类型与动作之间的映射,便于对照。
Lottie Creator 当前交互帮助说明,接收事件的图层需要可见、未锁定并具有填充,透明描边不能接收点击。使用 layerName 可针对具体图层,留空则监听整个动画。先把无响应按钮的这些条件逐一核对,不要见到图形就认为它已具备完整命中区域。
图形外观和命中对象是两个检查对象。一个只靠线条勾勒的瓶盖标记,可能看起来非常清楚,但仍需按上述图层资格安排交互;调整描边颜色不一定解决事件目标问题。应由制作人员确认承接点击的具体对象,而不是商家猜测隐藏层名称。
叠在一起的图层,可能同时收到同一次事件
官方帮助还明确指出,指针下的所有图层都能检测指针事件,即使被其他图层遮挡。因此,一个覆盖商品整图的监听对象和一个瓶盖热点若同时对相同事件设了动作,不能仅凭热点画在上面就认为底下不会响应。是否实际造成冲突,还取决于两个动作及状态条件。
排查时把全图事件和局部热点的动作放在一起看:它们是否分别设置不同的说明状态,是否同时修改同一个输入,是否有一个动作马上关闭刚打开的面板。把观察记录为“点了哪个区域,先后出现什么”,不要未经检查就判定文件损坏或要求重新生成商品图。
需要保留全图操作时,应让制作人员说明它与局部热点如何分工,并在状态与转移条件上验证预期。这里不假定存在某个一键阻止冒泡的 Creator 开关,也不提供未经运行的通用事件代码。具体实现必须按当前编辑器和接收端能力确定。
虚构练习:描边热点无响应与重叠动作互相覆盖
以下为虚构练习,未运行 Creator、状态机或播放器,没有上传素材、执行点击测试或生成动画。例 A 只要求点击瓶盖显示开盖说明,制作稿的标记只有描边。先核对目标图层是否满足可见、未锁定及填充条件,再由制作人员确定合适的点击对象,并把事件明确指向该对象。
例 B 的瓶盖热点可以触发,但底下整图的点击动作同时把说明切到标签页。它的分支重点是核对指针下重叠响应对象和输入修改,不是继续扩大瓶盖按钮。若批准的目标是一个区域只打开一种说明,应先把两条响应链整理清楚,再观察连续点击和关闭后的状态。
两例需要的修复依据不同:A 是点击对象的资格与指向,B 是同一事件作用于多个对象后的逻辑结果。填写核对表时分别保留初始状态、被点击区域、预期说明和实际说明;未做目标端验证的结果应标为待验,而非已解决。
交付交互文件,也要交付可核对的行为
让接收方拿到确切版本的动画、需要启动的状态机、输入名称和每个商品部位的说明映射。先确定目标运行时实际支持这些状态机能力,再在计划发布的环境验证。设计器里可点击,不会自动证明店铺里使用的播放器已经接好同样的事件。
若同时需要广告视频,另行批准一段固定播放的演示即可,但 MP4 本身不会带走这些按区域触发的行为;它只能记录其中一条画面顺序。这里不是要求每个视频都改成互动组件,而是把“看一段讲解”和“自己选择商品部位”作为不同交付用途。
这些步骤是外部动效工具的编辑与验收建议,不代表 Itemlume 已接入 Lottie 编辑或状态机部署。商品说明仍需与真实部件、选项和批准文案对应;事件技术正确也不能证明实物功能或卖点已经被验证。
虚构练习:商品热点的命中对象与动作映射
以下示例为虚构练习。另存核对表后填写自己的真实观察;不能将示例当作已完成的验收。
| 虚构现象 | 核对对象 | 先做的制作检查 | 目标端验收 |
|---|---|---|---|
| A:瓶盖标记点不到 | 具体承接点击的图层 | 可见、未锁定、填充及 layerName 指向 | 点击瓶盖显示正确说明,记录实际结果 |
| B:点瓶盖却切到标签说明 | 局部热点与整图监听的重叠响应 | 列出两条动作链及输入修改,消除非预期切换 | 从初始与关闭后状态复测,不出现冲突说明 |
来源与延伸阅读
下面逐项列出已记录的来源核对日期;未记录日期的来源不自动使用文章发布日期。软件和平台规则可能变化,实际操作前请复核原文。
常见问题
把热点画到最上面,能保证下层不会收到事件吗?
不能依此保证。Creator 官方交互说明指出,指针下的图层可同时检测事件,即使存在视觉遮挡;应核对具体监听对象与动作。
没有响应时,先重新导出动画是否更快?
先记录目标图层、事件类型、资格和动作指向。缺少实际诊断时,反复导出不能说明原来的图层或映射已经修正。
准备下一步所需素材
在 Itemlume 制作配套商品素材。
可在工作台制作新的商品创意素材,再在所选工具中继续处理。本文介绍的第三方软件操作需在对应软件内完成;本站入口不代表已集成这些流程。请查看当前功能说明、账户权限与积分报价。
查看素材创作工具 查看价格与积分