网站建设资讯

NEWS

网站建设资讯

【Axure原型图】——3.NAVIGATIONMENU(导航菜单)-创新互联

制作导航菜单

10年积累的成都网站建设、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有雁江免费网站建设让你可以放心的选择与我们合作。

Step0: 下载练习文件

在这里下载AxureTraining.rp文件,并用Axure RP打开


Step1: GET STARTED

  1. 打开"Navigation menu" 页面
  2. 该页面包含了多个菜单组件HOME, MANAGE, PROFILE, HELP等,他们已经有了mouseOver和选中交互样式
  3. 选中所有的这些组件,右键,“Convert to Master”
  4. 将创建的master重命名为“KiKiHeader”,并且右键勾选“Lock to Master Location” 然后点击继续
  5. 在master的任意地方双击一下,打开编辑

【Axure原型图】—— 3. NAVIGATION MENU(导航菜单)


Step2: Configure navigation links

  1. 点击"HOME"组件, 在Properties中双击"OnClick", 添加一个新的Onclick case
  2. 左边栏,选择“Open Link” --> Current Window action,
  3. 最右边, 选择页面内连接,选择“Navigation menu”
  4. 点击“OK”
  5. 给“MANAGE”, "PROFILE", "HELP"也做同样的操作,不过需要连接到相对应的页面
  6. PS:点击"HOME"之后,可以直接点击Properties中的CreateLink来创建链接

【Axure原型图】—— 3. NAVIGATION MENU(导航菜单)


Step3: SET THE SELECTED MENU ITEM ON EACH PAGE

在每个页面上设置所选菜单项

  1. 打开Navigation menu页面
  2. 在页面查看器中双击“OnPageLoad”, 添加一个OnPageLoad case编辑器
  3. 选中"Set Selected/Checked" --> "Selected" action
  4. 在"Configure actions"列,点击Header中的"Home"部件
  5. 点击ok
  6. 将KiKiHeader master添加到"Manager", "Profile" 和"Help" 页面中去,然后为manage, profile, help页面重复上面1-5步骤
    【Axure原型图】—— 3. NAVIGATION MENU(导航菜单)

Step4: PIN MENU TO TOP OF PAGE

  1. 在master窗格中双击 "KiKiHeader"进行编辑
  2. 选取所有master中的元素, 右键选择“Convert to Dynamic Panel”
  3. 在属性标签中, 点击"Pin to Browser"
  4. 在"Pin to Browser"会话框中,选中"Pin to browser window", 勾选水平"Center", 垂直"Top"
  5. 点击ok

【Axure原型图】—— 3. NAVIGATION MENU(导航菜单)


注: 本人Axure系列的翻译blog仅供个人记录学习,侵删.

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:【Axure原型图】——3.NAVIGATIONMENU(导航菜单)-创新互联
文章转载:http://cdweb.net/article/dgdssj.html