跳到主要内容

结构与截图双重验收

截图和结构分别证明不同的事情。两者都要检查,才能避免“看起来正确,但不可编辑或不可维护”的交付。

结构验收​

检查目标文件、节点类型和父子层级;检查 Auto Layout、尺寸来源和边界;检查实例主组件、属性值和变量绑定;最后检查 reactions 与 Flow 的目标。

读取结果被截断或去重时,只能证明已经返回的范围。不要根据一个浅层树宣布整页全部通过。

截图验收​

使用 get_screenshot 查看实际渲染,使用 save_screenshots 保留文件。相同节点、相同视角和相同导出比例更容易比较。

检查文字、图案、对齐、裁切和主次关系;特别看隐藏状态是否泄露内容。制作本案例时,给卡牌添加实例交换后,卡背意外显示了图案。修复方式是把显隐放在外层 Artwork Frame,交换只作用于里面的 Symbol。

修复后:只有已配对的两张卡展示图案

可变输入检查​

检查通过证据
长按钮文案截图无裁切,尺寸模式解释清楚
宽度变化三个测试 Frame 的规则与截图
切换卡牌状态图案身份保留,Hidden 不泄露图案
暂停与继续Overlay / Close 配置及实际点击表现
再玩一次重置标记及全部卡背状态

结构读回证明配置存在,不能单独证明点击过程或真机运行已经验证。报告时分别写清检查层级。

最小修复流程​

请复现并定位问题,不先重画整屏。
提供问题节点与截图证据,区分结构、绑定、样式和交互原因。
只修正必要属性,保留实例与原型目标。
修复后重复同一输入,补查同类对象是否也受影响。

若问题源于主组件,应同时检查所有实例;若只是一张牌的局部覆盖,不要无意改变整套状态。

练习与检查​

为一次修改写下三个独立断言:一个关于结构,一个关于视觉,一个关于行为。逐条说明由什么证据支持,哪些仍需运行原型或微信真机确认。