返回首页 Axure RP 指南

核心训练

从头开始

原型设计基础指南

Masters 指南

动态面板指南

高级原型设计指南

Web 设计指南

iPhone App 指南

Repeater 部件指南

自适应视图指南

用户自定义 Tooltip

将图片隐藏

image

首先打开AxureCustomTooltip.rp 然后打开 Custom Tooltip 页面。

一般地,我们想让 Tooltip 隐藏起来,所以在 Style 选项板中选中 Hidden 选项。

使用 OnMouseEnter 来显示面板

image

选中 UX Man 图片然后双击 interactions 选项板中的 OnMouseEnter 选项。

添加显示动作

image

在事例编辑器中,选中 Show 然后检查 Tooltip 的图片。

在更多选项中选中 Treat as Flyout

image

在 More Options 的下拉列表中选中 Treat as Flyout。

预览原型然后测试。

上一篇: 显示隐藏部件 下一篇: 导航菜单