制作导航菜单
10年积累的
成都网站建设、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先
网站制作后付款的网站建设流程,更有
雁江免费网站建设让你可以放心的选择与我们合作。
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仅供个人记录学习,侵删.
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
标题名称:【Axure原型图】——3.NAVIGATIONMENU(导航菜单)-创新互联
当前地址:
http://www.cdkjz.cn/article/dgdssj.html