1、由于RP版本较多,建议升级到目前最新的版本8.0,而且安装汉化包后使用比较方便,如果是英文版的,可能文中截图会有些差异,但是不影响正常使用。
2、正常打开Axure RP工具,创建一个主页页面,如下图所示。
3、在主页中,我们放置俩个矩形框,内容设置如下截图,用来模拟系统的菜单导航栏,如下图所示。
4、从左边元件库Default下找到内联框架元件,拖动到页面上,如下图所示。
5、在主页面中鼠标右键单击框架,弹出如下截图中的对话框。在对话框中,先单击“切换边框可拈络焓瘅见性”,这样在页面预览的时候,这个内联框架就显示不出边框的,整体页面的效果比较好看。如果实在需要边框,只要再单击一下“切换边框可见性”就可以恢复边框了。
6、在上述的弹出的对话框中将鼠标移到“滚动条”处,会弹出子对话框,在子对话框中默认是“自动显示滚动条”的 ,一般情况下,为了原型演示效果比较好看,我们默认框架是不显示滚动条的,除非个别页诹鬃蛭镲面内容实在太多,才显示滚动条,所以在这个地方我们一般要修改配置为“从不显示滚动条”。
7、框架已经配置好了,现在我们要用框架制定一个默认页面,这时候双击框架,在弹出的对话框中选择要显示的内容页,如下截图所示。
8、接着为菜单导航添加事件,点击菜单的时候,选择在框架中打开链接,然后配置内联框架链接到不同的页面,具体配置如下截图所示。
9、这时候点击Axure RP工具菜单上发布下的预览按钮,或者点击右侧的预览,就可以在浏览器中查看效果了。
10、希望以上的介绍能对你的工作带来便利。在项目中搭建系统框架或藤舔趾贶者一些菜单页面的时候,尽量使用内联框架,这样就可以分开几个页面,后期维护的时候比较方便。如果都用动态面板,展示在一邗锒凳审个页面中,内容过于繁杂,展示也比较麻烦。