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 内联框架元件设置为外部地址