Axure简单使用教程之二:动态面板的入门用法

作者:追风筝的人 | 创建时间: 2023-08-05
今天跟大家交流一下动态面板的简单入门用法,我们来做一个简单的隐藏现实的动态效果好了。...
Axure简单使用教程之二:动态面板的入门用法

操作方法

首先我们新建一个axure文件,在里面随意放一个列表框,2个标题:一个是列表一个是图片,我们要实现点击不同的标题,显示不同的内容。

然后我们从左边元件库中选择动态面板拖动到右边。

调整动态面板的大小,刚好盖住表格就可以。这时候这个动态面板默认是可见的。

我们右键单击,选择把动态面板设置为默认隐藏状态。

然后双击一下这个动态面板,跳出来一个属性框,我们把标题改一下,以便以后的使用。这里我们改成:列表图片切换。

然后我们在右下角的元件管理找到这个‘’列表图片切换‘’的面板,双击下面的‘’state1‘’。

打开了动态面板的编辑框,我们可以在此处编辑任何内容,这里的东西不会影响主页面上的任何元件。

为了演示图片,我们把背景用一个矩形框填满,然后拖三个图片元件放在这里。

然后回到主界面,点选‘’图片‘’标题,然后双击右边的‘’鼠标单击时‘’以打开动作编辑器。

然后依照以下步骤选取动作,并把动态面板的显示状态改成‘’显示‘’。

同样的方法把列表标题也设置一下,这回要达到的效果是点击文字,图片就隐藏了,因此这里要把动态面板的显示状态改成‘’隐藏‘’。 至此,通过点击不同的标题,可以切换不同的显示效果就做好了,可以运行起来预览一下效果了。

温馨提示

我用的Axure是7.0的版本演示,现在最新的版本是8.0了,但是基本的操作方法是一样的。
点击展开全文

更多推荐