Axure RP9 简单操作

一、单选按钮的互斥行为
1.从元件库中拖拽两个单选按钮,修改文本为男女,如图Axure RP9 简单操作
2.选中两个元件(一种可以通过按住Ctrl来选择第二个元件,也可以通过左边大纲栏选中)右击点击指定单选按钮组,会弹出指定选择组的对话框,修改名字为性别,确定之后点击右上角的预览,在浏览器中就能看到,两个按钮只能选择一个。Axure RP9 简单操作Axure RP9 简单操作
二、交互样式与交互动作(包括交互情形)
1.交互样式
仅对当前元件的样式进行更改,选中元件(这里举例按钮),鼠标右键,点击样式效果选择交互触发类型,选择要更改的交互样式, 这里使用交互样式实现鼠标悬停更改按钮填充颜色,点击预览就能看到鼠标悬停在按钮上时,按钮填充颜色改变。Axure RP9 简单操作Axure RP9 简单操作
2.交互动作(带有逻辑性)
选中元件,在右侧交互面板选择交互事件类型,这里设置动作
使用交互事件实现显示与隐藏。
(1)选中按钮元件,右侧面板选择新建交互Axure RP9 简单操作
(2)选择鼠标单击时,打开大面板,选择左边元件动作为显示/隐藏,右侧设置动作为切换,根据需求修改动画,点击确定,预览时就能看到点击按钮时,矩形消失,再次点击按钮,矩形出现。Axure RP9 简单操作Axure RP9 简单操作
(双击这里打开大面板)Axure RP9 简单操作Axure RP9 简单操作
3.交互情形(带有逻辑性)
设置交互动作,在交互动作中添加情形并设置情形对应的动作,当某个元件的值满足A情形的时候做A动作,满足B情形的时候做B动作。
这里举例:当文本框中输入的值大于等于18时,点击按钮跳转到京东,当输入值小于18时跳转到百度。
(1)拖拽如图所示元件Axure RP9 简单操作
(2)参照上面交互动作,选中按钮,新建交互,选择鼠标单击时,并打开大面板,鼠标放在鼠标单击时上面,会发现后面灰色的Enable cases(新增用例),点击之后弹出条件生成对话框,修改名称为成年人,并点击添加逻辑,修改成如图所示,点击确定。Axure RP9 简单操作Axure RP9 简单操作Axure RP9 简单操作
(3)鼠标选中成年人的交互事件,点击左栏打开链接,选择链接外部网址,修改网址为京东网址,打开在新窗口标签页,点击确定。Axure RP9 简单操作Axure RP9 简单操作
(4)同样,把未成年人的逻辑写出来,点击预览就能看到,当文本框中输入值小于18时,网页会跳转到百度,大于18时,会跳转到京东。Axure RP9 简单操作Axure RP9 简单操作
三、母版的使用
母版是对项目中公共内容提取,首先定义母版,然后将将母版应用到页面中,在母板上右键,选择新增页面,只要修改母版,每个页面的母版内容就会改变。
(1)点击面板左下角母版,点击加号,添加母版,修改名称为头部,设计母板内容。Axure RP9 简单操作
(2)选中头部,右击,选择新增页面,勾选你需要应用的界面,然后打开该界面,就会看到在母版头部中的东西都会出现在你所应用的界面。Axure RP9 简单操作Axure RP9 简单操作Axure RP9 简单操作