制作导航菜单
Step0: 下载练习文件
在这里下载AxureTraining.rp文件,并用Axure RP打开
Step1: GET STARTED
- 打开"Navigation menu" 页面
- 该页面包含了多个菜单组件HOME, MANAGE, PROFILE, HELP等,他们已经有了mouseOver和选中交互样式
- 选中所有的这些组件,右键,“Convert to Master”
- 将创建的master重命名为“KiKiHeader”,并且右键勾选“Lock to Master Location” 然后点击继续
- 在master的任意地方双击一下,打开编辑
Step2: Configure navigation links
- 点击"HOME"组件, 在Properties中双击"OnClick", 添加一个新的Onclick case
- 左边栏,选择“Open Link” --> Current Window action,
- 最右边, 选择页面内连接,选择“Navigation menu”
- 点击“OK”
- 给“MANAGE”, "PROFILE", "HELP"也做同样的操作,不过需要连接到相对应的页面
- PS:点击"HOME"之后,可以直接点击Properties中的CreateLink来创建链接
Step3: SET THE SELECTED MENU ITEM ON EACH PAGE
在每个页面上设置所选菜单项
- 打开Navigation menu页面
- 在页面查看器中双击“OnPageLoad”, 添加一个OnPageLoad case编辑器
- 选中"Set Selected/Checked" --> "Selected" action
- 在"Configure actions"列,点击Header中的"Home"部件
- 点击ok
- 将KiKiHeader master添加到"Manager", "Profile" 和"Help" 页面中去,然后为manage, profile, help页面重复上面1-5步骤
Step4: PIN MENU TO TOP OF PAGE
- 在master窗格中双击 "KiKiHeader"进行编辑
- 选取所有master中的元素, 右键选择“Convert to Dynamic Panel”
- 在属性标签中, 点击"Pin to Browser"
- 在"Pin to Browser"会话框中,选中"Pin to browser window", 勾选水平"Center", 垂直"Top"
- 点击ok
注: 本人Axure系列的翻译blog仅供个人记录学习,侵删.