跳过导航

自定义图层可见性

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

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

高级交互

观看课程

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

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

  • 一个触发器,决定什么导致图层的可见性改变,以及
  • 一个操作,决定图层的可见性如何改变

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

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

如何向图层添加操作

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

  • 当光标在其边界内时,悬停会更改图层的可见性
  • 当您用光标或手指按压图层时(例如,如果您正在 iOS 应用程序上播放原型),按压会更改图层的可见性

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

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

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