Session2-元件的显示隐藏及其动效 | 剑雨Axure RP9系列【进阶】

元件的显示/隐藏及其动效

元件准备与设置

1. 准备好一个占位符，三个按钮，拖至画布；
2. 更改三个按钮上的文字分别为显示、隐藏、切换;
3. 将占位符的默认状态设置为隐藏，方法：选中占位符后在右侧样式菜单上点击隐藏；
   

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

给三个按钮分别添加事件设置可见性于占位符上，如下图所示：

动画、灯箱、弹出、推拉

动画

对于显示与隐藏时，可以设置元件的动画效果，此设置详细见第36节-动画和边界.

置于顶层

注意，在显示与切换两个动作中，可将目标元件置于顶层bring to front。

灯箱效果

在显示动作时，可以设置一个灯箱效果，并添加背景色；