分类器授予您对可应用于元素及其子元素的视觉效果的权限。这些对于情况变化非常有益,例如在悬停时将黑白图像转换为彩色。
探索有关分类器和替代效果的更多信息。
在本教程中:
- 理解分类器
- 整合分类器
- 监管条件
- 整合过渡

理解分类器
您可以从各种分类器替代方案中进行选择:
- 模糊
- 着色
- 强度
- 亮度
- 不同之处
- 单核细胞增多症
- 棕褐色
- 撤销
整合分类器
您可以放置分类器,就像您可以在任何地方的任何元素上设计任何 category 一样。您可以将分类器直接应用于图像 — 您还可以在具有后代的元素上插入分类器。
举例来说,您有 3 个链接块,全部共享同一个 category(例如,“价格链接块”)。
附加 模糊 分类器:
- 继续 样式面板 > 效果 > 分拣机
- 点击加号 分拣机
- 选择 模糊 从菜单中
- 修改模糊半径来调节元素及其后代的模糊水平

如果您返回到 Sorter 菜单并从 Fuzz 切换到 Mono,则 Link 块及其后代将变为单色。
在单色分选机上方添加照明分选机:
- 点击加号 (+) 分拣机
- 选择 强度 从菜单中
- 滑动 数量 滑块来调节 强度 等级

在此例中,两个分类器(单声道和强度)都像层一样组织。您可以切换每个分类器的可见性,或拖动每个层来修改其顺序。
监管条件
在另一种情况下调节元素上的排序器:
- 选择 链接块 (例如,“价格链接块”)
- 前往 选择场地 在里面 风格控制板
- 挑选 徘徊 从菜单中

这 徘徊 条件继承了 没有任何 条件(这是你最初组织时所设计的 单核细胞增多症 和 强度 分拣机)。 因此,这些分拣机保持完全相同。
要在悬停条件下改变分类器:
- 前往 样式面板 > 效果 > 分拣机
- 点击 单核细胞增多症 您先前配置的排序器
- 修改 数量 至 0%(将颜色恢复到链接块)
- 点击 强度 分拣机
- 修改强度 数量 返回 100%
将鼠标悬停在链接块上即可看到这些更新后的效果。
融入过渡
添加过渡以平滑 None 和 Hover 条件之间的排序器效果:
- 导航至菜单 选择场地 并切换回 没有任何
- 访问 样式面板 > 效果 > 过渡
- 点击加号并插入 过渡
- 选择 分拣员 来自 过渡类型 菜单

这将采用过渡到您安排的任何排序器来在“无”和“悬停”条件之间切换。
尝试过渡的时间,并将鼠标悬停在链接块上以感知运动中的过渡持续时间。在这种情况下,默认的 200 毫秒似乎令人满意。坚持在项目中的元素中添加排序器,并赋予您的设计一些额外的趣味性和互动性!
Ewan Mak 的最新帖子 (查看全部)
- 包括或删除工作区位置和成员 - 2024 年 4 月 15 日
- 定心盒摘要 - 2024 年 4 月 15 日
- 存储网站以供将来参考 - 2024 年 4 月 15 日