在Axure中交互事件是很重要的,交互时间就是触发某一事件执行命令,进而产生效果。比如单击鼠标,双击鼠标会出现什么效果都是用交互事件来完成的。以两个例子来说明。
例子1:鼠标双击图片(图片在page2界面上)跳转至另外一个界面(index),步骤如下:
1.在index界面上添加一张图片
2.点击属性中的“更多事件”中选择“鼠标双击时”,弹出对话框如下:

3.依次点击“打开链接”、“新窗口/新标签”,然后再最右边选择index,最后确认。

4.点击预览,双击图片后,可以发现界面已经跳转至之前的index界面上(即登录例子)。


例子2:点击按钮,改变图片的大小,步骤如下:
1.在界面上添加一张图片和一个按钮
2.在按钮属性一栏中点击鼠标单击时,出现例子1的步骤2中的截图界面
3.点击原件下面的设置尺寸,然后最右侧便会出现所有的原件供你选择,选择图片并在下面设置你要设置的尺寸大小,动画一栏可以勾选,这样效果会比较好看,最后确认。

4.点击预览,出现如下效果


网友评论