logo 原型设计工具Axure RP使用教程 我也要发布文档

参考(十四):内联框架小部件


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

免费下载Axure RP 优惠购买Axure RP


内联框架小部件使您可以将HTML,视频,音频和其他媒体文件嵌入到Axure RP图中。您可以使用嵌入式框架插入RP文件外部的内容(例如YouTube视频和Google Maps),也可以使用它们将Axure RP原型页面彼此嵌入。内联框架窗口小部件在“默认”窗口小部件库的“公共”部分中可用。


内联框架小部件

分配目标页面,URL或文件

内嵌框架小部件的“链接属性”对话框

双击一个内联框架小部件,或在“样式”窗格中单击“添加框架目标”以显示“链接属性”对话框。在这里,您可以选择在RP文件中嵌入另一个页面,也可以使用“链接到外部url或文件”部分来嵌入外部内容。

要嵌入网络托管页面或文件,请使用其网址;要嵌入本地文件,请在计算机文件浏览器中使用其相对或绝对路径(请参见下面的本地文件限制)。

特殊性质

移除边框

默认情况下,内联框架中的内容被边框包围,边框的样式由Web浏览器控制。要删除边框,请选择嵌入式框架,然后选中“样式”窗格中的“隐藏边框”复选框。

滚动

默认情况下,如果嵌入式框架的嵌入式媒体大于框架本身,则嵌入式框架将是可滚动的。如果嵌入的内容比框架高,它将显示一个垂直滚动条,如果嵌入的内容比框架宽,则将显示一个水平滚动条。

要更改滚动行为,请选择嵌入式框架,然后在“样式”窗格的“滚动”下拉列表中选择其他选项。

预览图

内联框架小部件预览图像


一旦页面加载到Web浏览器中,就会动态加载内联框架窗口小部件的嵌入式内容。因此,嵌入的内容不会出现在Axure RP画布上。为了帮助进行原型制作,您可以通过提供预览图像来提示框架的内容。

选择一个内联框架窗口小部件,然后在“样式”选项卡的“预览”下拉列表中选择以下选项之一:

  • 无预览(默认)
  • 视频
  • 地图
  • 自定义预览(允许您导入自己的图像)

注意:预览图像将仅出现在Axure RP的画布上。它不会显示在网络浏览器中。

特殊互动

在框架中打开链接

您可以使用交互来动态设置嵌入式框架小部件的目标页面或文件。在所需事件(例如按钮的Click或Tap事件)下设置“框架内打开链接”操作,然后在RP文件中选择一个页面或输入外部URL或文件路径。

在父框架中打开链接

“框架中的打开链接”操作使您可以选择以“父框架”为目标,而不是特定的嵌入式框架小部件。您可以在嵌入式框架中加载的页面中使用此选项,以更改包含嵌入式框架的窗口中的当前页面。

局限性

嵌入阻止

网站可以选择阻止其页面嵌入在其他域托管的页面中。这样可以防止此类页面显示在Axure RP的嵌入式框架小部件中。无法嵌入到嵌入式框架窗口小部件中的网站的一些示例是Google,Facebook,Yahoo和Twitter。

不允许在父页面和嵌入式页面之间传递变量

不可能在父页面和任何嵌入式页面之间来回传递变量值。这是一种称为“跨站点脚本”的网络安全违规,大多数网络浏览器均不允许使用。

本地文件

作为一种安全措施,大多数Web浏览器都会阻止网站访问计算机的本地文件系统。这意味着托管在Axure Cloud上或通过“预览”选项查看的Axure RP原型(通过本地运行的Web服务器提供原型)将无法访问嵌入在嵌入式框架小部件中的本地文件。

如果您在嵌入式框架窗口小部件中嵌入了本地文件,则需要通过Publish→Generate HTML Files生成其HTML文件的本地副本来查看原型。

推荐阅读:

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【慧都客服】了解

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT