Axure RP 教程如何隐藏和显示小部件教程

 小工具设置



1.打开一个新的 RP 文件并双击“页面”窗格中的“页面1”以在画布上打开它。
2.将一个占位符小部件和三个按钮小部件从“库”窗格拖到画布上。
3.上的按钮更改文本到Show，Hide和Toggle。
4.通过选择占位符并单击样式工具栏或样式窗格中的隐藏图标来隐藏占位符。

设置点击按钮时占位符的可见性
显示按钮


1.选择显示按钮，然后在交互窗格中单击单击或点击 → 设置可见性。
2.在出现的下拉列表中选择占位符小部件。
3.选择“显示”并单击“确定”以保存操作。

隐藏按钮
4.使用Hide按钮重复上述步骤，但选择Hide而不是Show。
切换按钮
5..使用Toggle按钮重复上述步骤，但选择Toggle而不是Show。
预览交互
1.预览页面并单击“显示”按钮以显示隐藏的占位符。
2.单击隐藏按钮以再次隐藏占位符。
3.单击“切换”按钮几次以交替显示和隐藏占位符。
附加信息和提示
动画
您可以在显示和隐藏小部件时使用多种动画，包括淡入淡出、滑动和翻转。这些在“显示/隐藏”操作的“动画”下拉列表中可用。在下拉列表中选择动画类型并在旁边的字段中设置动画的持续时间（以毫秒为单位）。



带到前面
当显示与任一窗口小部件显示或切换选项，您可以检查置于顶层下复选框更多选项有小部件自动带到前面设计的。这将确保在显示时没有小部件与其重叠。



灯箱
使用“显示”选项显示小部件时，您可以选择将其显示为灯箱。此选项在“显示/隐藏”操作底部的“更多选项”下的下拉菜单中可用。
灯箱小部件出现时，其背后有一个彩色蒙版，覆盖了设计的其余部分。单击此蒙版上的任意位置将再次隐藏小部件。您可以使用选择“视为灯箱”选项时出现的“背景颜色”颜色选择器更改蒙版的颜色和不透明度。



弹出菜单
使用“显示”选项显示小部件时，您可以选择将其视为浮出控件。只要光标停留在弹出窗口小部件或显示它的小部件顶部，它就可见。一旦光标离开小部件区域，弹出小部件将再次自动隐藏。
例如，您可能会在查看导航菜单的子菜单项或查看页面元素的工具提示时看到弹出行为。
此选项在“显示/隐藏”操作底部的“更多选项”下的下拉菜单中可用。



推/拉小部件
显示小部件时，您可以选择将页面上的其他小部件“向下推”或向右“推”，以便为显示的小部件腾出空间。隐藏小部件时，您可以选择让页面上的其他小部件向上或向左“上拉”，以填充隐藏小部件留下的空白区域。
这些选项在“显示/隐藏”操作底部的“更多选项”下的下拉菜单中可用。