Axure 7.0 简单使用之--控件隐藏与动态面板

Axure是目前比较方便的原型工具之一，下面简单介绍比较常用的两个使用方法，也是我们在画界面过程中提到的最多的问题。

注：本文Axure版本为7.0，不过所要叙述的这两个问题对版本限制不大。

首先，来整体看看它的主界面布局。




接下来进入主题：

*（一）隐藏与显示：

首先全部选中我们要隐藏的控件，然后右击，在弹出的快捷菜单中选择“设置隐藏”。怎么样，是不是超级简单？

那么，又该如何显示？

假设我们要单击某个按钮“显示隐藏控件”,让隐藏的都显示出来。



（1）选中控件，在交互区双击“鼠标单击时”，弹出如下界面：



（2）点击左侧“显示/隐藏”菜单，然后在右侧复选框中选中要显示的控件，最后单击“确定”即可。

注意，这里大家经常不知道那个是隐藏的，这就需要我们对控件进行命名，如果不是必需的，在命名区写数字编号达到区分效果就可以了。



*（二）弹出框：

首先添加动态面板控件：




然后双击这个动态面板控件，出现如下界面：






选中State1，然后点击“编辑状态”图标，出现控制面板内容编辑区：




我这里是加入了一个“矩形”控件，设置其背景色为浅灰，然后在里面放了一个label和一个image。

设置完要添加的内容后，返回主界面，把控制面板设为隐藏：




隐藏后的效果：




最后，把它拖到你想让它出现的位置，再设置按钮单击事件：

编辑按钮的单击事件：和上面按钮隐藏类似，区别是这里要选择“动态面板”菜单下的“设置面板状态”，然后在右侧选中要显示的面板，并在右下角设置为“显示”。




好了，大功告成！按下F5即可在浏览器中看到效果。

动态面板不仅能动态添加，还有动态效果，如淡入淡出等。这样能给我们的页面添加更为绚丽的色彩。



总之，这个软件的使用还是比较简单的，更多内容请大家看看使用手册。里面的模板和签入签出功能也很不错~