新增:智能动画 — 为您的原型添加动态效果。 了解更多

跳过导航

自定义图层可见性

上次更新于 2024 年 5 月 7 日
阅读时间:1 分钟

自定义图层可见性允许您在悬停、点击或按下图层时显示或隐藏它,这在您想要为原型添加按钮、菜单或类似交互式元素时特别有用。

高级交互

观看课程

选择一个图层,切换到检查器中的原型选项卡,然后从图层可见性部分的选项中进行选择。在这里,您可以选择图层是可见还是隐藏,以及交互是否会更改此设置

默认图层列表中保持相同的可见性 自定义 使用以下设置覆盖默认设置

  • 触发器 用于决定什么会导致图层可见性发生变化,以及
  • 操作 用于决定如何更改图层的可见性

如何为图层启用自定义可见性

操作菜单控制触发器后图层的可见性将是什么:显示图层隐藏图层切换切换选项会在您每次在原型中点击图层时更改图层的可见性。

如何为图层添加操作

接下来,选择悬停按下作为触发器——或者选择两者

  • 悬停会在光标位于图层边界内时更改图层的可见性
  • 按下会在您使用光标或手指按下图层时(例如,如果您在 iOS 应用上播放原型)更改图层的可见性

如何为图层分配悬停和按下触发器

在您为图层添加自定义可见性后,预览您的原型以查看结果。

三个具有自定义图层可见性的按钮的原型预览:悬停时显示,按下时隐藏,以及悬停