原标题:Axure9原型设计:动态面板&内联框架实现可复用导航页
编辑导读:在导航页面的时候,怎么尽可能复用,减少无谓的复制黏贴?动态面板和内联框架可以帮助实现。本文作者根据自身经验,从两个方面进行分析,希望对你有帮助。
上次分享的《Axure9原型设计:动态面板实现手风琴菜单(低配版)》,只是实现了导航栏,但是页面不止导航栏,就像写代码一样,怎么尽可能复用,减少无谓的复制黏贴?那就必须配上内联框架。这次就用动态面板和内联框架实现可复用导航页,而且要尽可能简单。
步骤如下:
一、拖拉元件
摆出首页常见样式的一级菜单,简单起见,直接拖拉,不用放到别的容器里。为了后面交互方便,每个元件都有命名,包括“ⅴ”(命名是个好习惯,为了我们交互时可以清晰看到元件名称,且方便检查逻辑)。
拉出动态面板,命名:手风琴二级菜单,设置不可见和自适应内容。并添加4个状态页,每个状态页都跟对应的一级菜单命名对应。
右边,头部拉出一个文本框命名Title,用来显示每个菜单的路径,下面一个内联框架,内联框架设置隐藏边框。
添加二级菜单对应的页面,以及页面内容,页面名称和菜单名称是一致的,这个就略过。
二、添加