4.2 内联框架元件

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

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

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

图4-6 内联框架元件（默认）

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

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

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

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

还需注意的是，内联框架元件还可设置滚动条属性。可右击该元件，然后选择“滚动条”菜单项进行设置，有3 个选项：“按需滚动”（默认选项，根据实际情况确定是否显示滚动条）、“始终滚动”（不管引用的内容如何，总是显示滚动条）和“从不滚动”。也可在“样式”面板，在“框架滚动条”属性的下拉列表的3个选项中任选其一。