AxureRP教程—使用内部框架组件

内部框架主要用于页面嵌套效果的制作,适用于导航条栏目比较多且各栏目内容也比较丰富的情况,栏目少内容简单的一般还是可以用动态面板来实现会比较方便。内部框架可以链接到当前实例所设计的所有页面(指站点地图面板当中所列出的页面,不包括模块面板中的),也可以链接到外部网址或者文件,下面简要介绍使用方法。

内部框架默认是带有边框和滚动条的,这个可以在其属性里设置,在内部框架组件上按鼠标右键选择编辑内部框架,这里可以设置内部框架的默认显示内容,边框开关,以及滚动条的相关设置。

链接到当前设计页面

在主页面添加一个内部框架组件,拖拉至合适大小后,直接在上面双击,会打开一个链接属性设置窗口,默认选中链接至当前设计页面,下方窗口当中会列出站点地图面板当中的所有页面,选择其中一个页面后点确定,这个页面即会作为该内部框架的默认页面,在查看原型的时候会默认加载显示。当然,这个默认页面也可以指定成是外部的链接或者文件。

设计三个默认的初始页面page1,page2,page3,再设计三个导航条,这里用的是圆角矩形样式,并设置了选中后的显示样式。选中某个导航条,设置其OnClick事件,在交互事件属性窗口选择“在框架中打开链接”,这个类似于在当前窗口打开链接,还有一个“在父框架中打开链接”,这个就类似于在父窗口中打开链接。选择好之后在第三步编辑操作描述处点开“框内打开链接”编辑框,设置当前链接至哪个页面即可。这里设置第一个导航条的单击事件是使page1在内部框架中打开。

?

链接到外部链接或文件

如果想把现成的网页,文件或者flash,视频等直接放进AxureRP的原型中,也可以使用内部框架组件来实现。操作方式如下:
??? 步骤1. 添加一个内部框架组件;
??? 步骤2. 按鼠标右键选择编辑内部框架> 编辑默认目标;或者通过交互事件来控制内部框架的链接显示。
??? 步骤3. 然后选择链接到外部链接或文件即可。

嵌入flash

如果想要在原型里嵌入flash,而这个flash的地址是 http://www.example.com/video.swf,直接把这个网址输入到内部框架的链接到外部链接选项后的地址框里,生成原型之后,就会在浏览器上看到flash出现在原型里头了。如果是本地文件,可以直接把文件放到原型的同一个目录下,然后把这个flash文件地址输入到内部框架的链接地址处,生成原型之后,一样可以在浏览器上看到flash出现在原型上。

要注意的是如果flash文件本身的属性如果是自动缩放大小的,就会自己缩放符合内部框架的大小,否则会受到内部框架的显示大小限制。建议用IE浏览器看网站原型,在Firefox等其他浏览器上偶尔会无法显示flash。还有一个问题就是嵌入的flash地址因各网站的设计规则不一样,在切换的时候有的会出现脚本加载错误的问题,因此最好是在OnPageLoad事件里加载带flash的默认页面。

嵌入现成网页

如果想把现成网页加入原型,AxureRP目前并没有支持编辑HTML代码,因此也是采用内部框架来嵌入。只要设置好内部框架的大小,然后把现成的网页地址输入即可,外部的或本地的页面都可,这样就可以在原型上看到这个现成的网页了。

嵌入视频
??? 与嵌入网页类似,将视频网站提供的视频分享地址填入链接地址处即可,一般都是HTML页面,也可以将视频页面另存为本地页面html文件,然后将文件放至原型所在的目录,然后再嵌入到设计页面中,这样就可以在原型中看到视频了。

与上述类似,很多特殊的网页呈现方式,都可以嵌入到原型里头。但是建议能够截图来模仿就尽量截图,不需要为太追求逼真的设计,缩短原型设计的时间,才是AxureRP快速原型设计的本意。

例子在AxureRP5.5版本下调试通过?

点此查看演示

点此下载源文件



无觅相关文章插件,快速提升流量

“AxureRP教程—使用内部框架组件”2 条评论

小乔 | 2012-08-6 15:26 |
commenter

受用了,好东西!

commenter

好东西,支持!