- 产品经理实用手册:Axure RP原型设计实践(Web+App)
- 谢星星 李应玲编著
- 680字
- 2022-06-17 16:55:29
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个选项中任选其一。