2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
原型库网站—讲师金乌原创发布,可自由转载,请注明出处!
《AxureRP7.0 部件详解》
Inline Frame 内部框架
使用内部框架,可以嵌入视频,地图,和HTML 到您的原型设计中。
使用案例
模拟移动体验
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
1
QQ 交流群①:91501537
网址:http://www.yuanxingku.com
2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
使用手机外壳部件,并在手机外壳的内容区域添加内部框架,内部框架可以签入其他页面或
站外链接并显示在手机外壳的屏幕上。这样可以在你的电脑上实现模拟移动设备的体验。
签入外部内容
外部的 HTML 文件、视频、地图等内容都可以签入到内部框架中。
对于视频和地图,链接到外部 URL;链接到本地已经存在的 HTML 文件,框架链接到本地路
径。
编辑内部框架
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
2
QQ 交流群①:91501537
网址:http://www.yuanxingku.com
2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
指定目标页面或网址
拖拽内部框架部件到你的设计区域,双击内部框架,
在弹出的对话框中指定哪些内容要在内部框架中显示。
可选择内部页面或者任何站外 URL。
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
3
QQ 交流群①:91501537
网址:http://www.yuanxingku.com
2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
隐藏边框
右键点击内部框架,勾选 显示/隐藏边框可切换显示内部框架周围的黑色边框。
显示滚动条
要隐藏或按需显示内部框架的滚动条,可以右键点击内部框架选择滚动条或者在部件属性面
板中设置滚动条。
滚动条可以按需要显示(当内部框架内容大小超过内部框架时才显示),也可以总是显示
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
4
QQ 交流群①:91501537
网址:http://www.yuanxingku.com
2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
内部框架预览图片
你可以给内部框架添加 Axure 内置的预览图片,如视频、地图,也可以自定义预览图片。
注意:预览图片会在设计区域中显示,但不会在生成的原型中显示。
内部框架常用交互
在内部框架打开链接和在父框架打开
内部框架可以添加自动显示内容的交互效果,也可以在含有内部框架的父窗口中打开页面。
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
5
QQ 交流群①:91501537
网址:http://www.yuanxingku.com
2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
本帖分享可见的内容
案例下载
嵌入视频
在内部框架中可以嵌入视频,只需将视频的 flv 地址粘贴到外部链接中即可。
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
6
QQ 交流群①:91501537
网址:http://www.yuanxingku.com
2014 年 5 月 1 日
[AXURE RP7.0 部件详解—金乌制作]
签入百度地图
你可以很容易的使用内部框架签入百度地图,首先到百度地图 获取代码,然后粘贴到内部
框架的外部链接中。如果找不到合适的百度地图嵌入代码,请参考 Axure 网站蓝图教程中的
引用任意页面的任意部分 一课。
内部框架的局限性
1.样式
内部框架的样式被限定为切换显示边框和滚动栏,如果你想添加其他样式,请在内部框架下
面添加矩形部件,然后调整矩形部件的样式即可。
2.导航和传递变量
内部框架不能用来制作导航,也不能通过父页面传递变量和设置动态面板状态(在 Axre 网
站蓝图 -- Iphone 臭美 APP 一课中有详细讲解)。
你可以使用含有内容的动态面板来替代内部框架,实现内容滚动效果。
原型库网站原创作品,保留所有权利
QQ 交流群①:91502264
7
QQ 交流群①:91501537
网址:http://www.yuanxingku.com