当前位置:K88软件开发文章中心编程全书编程全书17 → 文章内容

Axure RP教程 Axure RP 如何使用内联框架

减小字体 增大字体 作者:华军  来源:华军软件教程  发布时间:2019-2-8 21:47:43

1.正常打开Axure RP工具,创建一个主页页面,如下图所示。 2.在主页中,我们放置俩个矩形框,内容设置如下截图,用来模拟系统的菜单导航栏,如下图所示。  3.从左边元件库Default下找到内联框架元件,拖动到页面上,如下图所示。  4.在主页面中鼠标右键单击框架,弹出如下截图中的对话框。在对话框中,先单击“切换边框可见性”,这样在页面预览的时候,这个内联框架就显示不出边框的,整体页面的效果比较好看。如果实在需要边框,只要再单击一下“切换边框可见性”就可以恢复边框了。  5.在上述的弹出的对话框中将鼠标移到“滚动条”处,会弹出子对话框,在子对话框中默认是“自动显示滚动条”的 ,一般情况下,为了原型演示效果比较好看,我们默认框架是不显示滚动条的,除非个别页面内容实在太多,才显示滚动条,所以在这个地方我们一般要修改配置为“从不显示滚动条”。  6.框架已经配置好了,现在我们要用框架制定一个默认页面,这时候双击框架,在弹出的对话框中选择要显示的内容页,如下截图所示。  7.接着为菜单导航添加事件,点击菜单的时候,选择在框架中打开链接,然后配置内联框架链接到不同的页面,具体配置如下截图所示。  8.这时候点击Axure RP工具菜单上发布下的预览按钮,或者点击右侧的预览,就可以在浏览器中查看效果了。  以上就是Axure RP使用内联框架方法教程,更多Axure RP等软件相关教程请到华军软件园软件教程专区!

Axure RP教程 Axure RP 如何使用内联框架