正在阅读:Axure RP教程 Axure RP 如何使用内联框架Axure RP教程 Axure RP 如何使用内联框架

2019-02-11 10:45 出处:其他 作者:佚名 责任编辑:lixianmei

  1.正常打开Axure RP工具,创建一个主页页面,

 
2.在主页中,我们放置俩个矩形框,内容设置如下截图,用来模拟系统的菜单导航栏,

3.从左边元件库Default下找到内联框架元件,拖动到页面上,

4.在主页面中鼠标 右键 单击框架,弹出如下截图中的对话框。在对话框中,先单击“切换边框可见性”,这样在页面预览的时候,这个内联框架就显示不出边框的,整体页面的效果比较好看。如果实在需要边框,只要再单击一下“切换边框可见性”就可以 恢复 边框了。

 
5.在上述的弹出的对话框中将鼠标移到“滚动条”处,会弹出子对话框,在子对话框中默认是“自动显示滚动条”的 ,一般情况下,为了原型演示效果比较好看,我们默认框架是不显示滚动条的,除非个别页面内容实在太多,才显示滚动条,所以在这个地方我们一般要 修改 配置为“从不显示滚动条”。
 

 
6.框架已经配置好了,现在我们要用框架制定一个默认页面,这时候双击框架,在弹出的对话框中选择要显示的内容页,如下截图所示。
 

 
7.接着为菜单导航添加事件,点击菜单的时候,选择在框架中打开链接,然后配置内联框架链接到不同的页面,具体配置如下截图所示。
 

 
8.这时候点击Axure RP工具菜单上发布下的预览按钮,或者点击右侧的预览,就可以在浏览器中查看效果了。
 

Axure RP系列软件最新版本下载
Axure RP软件版本:Pro 7.0.0.3174图形图像立即查看
Axure RP 8.0(网页原型设计工具)软件版本:8.0.0.3297 中文版应用工具立即查看

关注我们

302 Found

302 Found


Powered by Tengine
tengine
最新资讯离线随时看 聊天吐槽赢奖品