首页 > 代码库 > AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架

AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

Inline Frame 内部框架


使用内部框架,可以嵌入视频,地图,和HTML到您的原型设计中。
使用案例



模拟移动体验

使用手机外壳部件,并在手机外壳的内容区域添加内部框架,内部框架可以签入其他页面或站外链接并显示在手机外壳的屏幕上。这样可以在你的电脑上实现模拟移动设备的体验。





签入外部内容

外部的HTML文件、视频、地图等内容都可以签入到内部框架中。
对于视频和地图,链接到外部URL;链接到本地已经存在的HTML文件,框架链接到本地路径。




编辑内部框架

指定目标页面或网址

拖拽内部框架部件到你的设计区域,双击内部框架,

在弹出的对话框中指定哪些内容要在内部框架中显示。
可选择内部页面或者任何站外URL



隐藏边框

右键点击内部框架,勾选显示/隐藏边框可切换显示内部框架周围的黑色边框。

 



显示滚动条

要隐藏或按需显示内部框架的滚动条,可以右键点击内部框架选择滚动条或者在部件属性面板中设置滚动条。
滚动条可以按需要显示(当内部框架内容大小超过内部框架时才显示),也可以总是显示



内部框架预览图片

你可以给内部框架添加Axure内置的预览图片,如视频、地图,也可以自定义预览图片。
注意:预览图片会在设计区域中显示,但不会在生成的原型中显示。

 



内部框架常用交互

在内部框架打开链接和在父框架打开

内部框架可以添加自动显示内容的交互效果,也可以在含有内部框架的父窗口中打开页面。

本帖分享可见的内容

案例下载







嵌入视频

在内部框架中可以嵌入视频,只需将视频的flv地址粘贴到外部链接中即可。

 



签入百度地图

你可以很容易的使用内部框架签入百度地图,首先到百度地图 获取代码,然后粘贴到内部框架的外部链接中。如果找不到合适的百度地图嵌入代码,请参考Axure网站蓝图教程中的引用任意页面的任意部分 一课。

 



内部框架的局限性

1.样式

内部框架的样式被限定为切换显示边框和滚动栏,如果你想添加其他样式,请在内部框架下面添加矩形部件,然后调整矩形部件的样式即可。

2.导航和传递变量

内部框架不能用来制作导航,也不能通过父页面传递变量和设置动态面板状态(在Axre网站蓝图 -- Iphone 臭美 APP一课中有详细讲解)。
你可以使用含有内容的动态面板来替代内部框架,实现内容滚动效果。


AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架