4.2 内联框架元件

与 HTML 页面中的 iFrame 元素对应,内联框架元件用于在一个页面中嵌入另一个页面。在 Axure RP 8 中,可以使用内联框架元件引入任何一个 http://开头的地址,如网站地址、图片地址和Flash地址等,也可引用本工程或本地计算机中的某个页面。

在“元件库”面板拖动一个内联框架元件到“页面设计”面板,如图4-6所示。

双击图4-6所示的内联框架元件,或者选择该元件后,右击选择“设置框架目标”菜单项,可在“链接属性”对话框设置该内联框架元件所指向的地址,可指定本项目内文件,也可指定外部 URL 地址,还可指定本地计算机内文件,如图 4-7 所示,在此指定的是一个外部地址:http://jd.com/,即京东的首页访问地址,单击“确定”按钮完成设置。

图4-6 内联框架元件(默认)

图4-7 设置内联框架元件链接属性

设置完成后,选择菜单栏的“发布”→“预览”命令,或者使用〈F5〉快捷键,可查看预览效果,设置为外部地址 http://jd.com/,并在“检视”面板的“样式”选项卡“宽度”和“高度”都为600像素时,预览效果如图4-8所示。

与 HTML 页面中的 iFrame 框架元素类似,内联框架元件也能设置是否显示边框,在默认情况下显示边框,选择该元件后,右击选择“切换边框可见性”,可设置隐藏/显示边框。也可以在选中内联框架元件后,在“检视”面板的“属性”选项卡,通过勾选或取消勾选“隐藏边框”属性,设置隐藏或显示边框。

还需注意的是,内联框架元件还可设置滚动条属性。可右击该元件,然后选择“滚动条”菜单项进行设置,有 3 个选项:“自动显示滚动条”(默认选项,根据实际情况确定是否显示滚动条)、“一直显示”(不管引用的内容如何,总是显示滚动条)和“从不显示滚动条”。也可在“检视”面板的“属性”选项卡,通过“框架滚动条”属性的下拉列表中的 3个选项任选其一。

图4-8 内联框架元件设置为外部地址