Axure-动态面板2（多个页签、固定浏览器）

上次介绍了动态面板的图片轮播功能，这次根据本人实际工作中碰到应用介绍下动态面板的其他应用。如下：

1.多个页签的切换效果

2.固定内容到浏览器的特殊位置。

同样，先看下效果

好，下面就说明下怎么制作

1. 首先在区域内增加动态面板，双击进入，定义三个状态的为，基础资料、商品条码、 *** 作记录。

分别双击3个状态进入之后，单独编辑每个状态的页面效果。

2. 添加每个页面的页签，用来标识当前页签的业务信息和 *** 作交互的 *** 作区域。

如下，新增3个按钮，并命名各自名称

3.调整好按钮的背景色和字体颜色。同时选择3个按钮，右键选择交互样式，调整选中时的填充颜色。

4. 设置动态面板初始的状态， 意思就是进入到动态肩膀之后首先展示的内容。 添加载入时事件，设置面板状态为基础资料。设置选中状态，初次进入时基础资料按钮为选中状态。 

5. 设置3个按钮的单击事件，用来切换面板。添加单击事件，设置面板状态，依次设置3个按钮对应的面板。 

设置面板状态改变是事件，当面板的状态为基础资料时，设置基础按钮为选中状态，同理设置其他两个面板状态时对应的按钮选中状态。 

OK, 多个页签的功能介绍完成， 下面介绍固定浏览器的功能。

动态面板提供了一个功能，把元素固定到浏览器的固定位置。 多用在系统或者网页的顶部或者左侧区域。 

1. 首先设置元素为动态面板， 选中之后邮件直接转换成动态面板，

2. 然后选择动态面板设置固定到浏览器

前面的同志说截图，这个其实不显示，虽然是快了，但是非常影响质量。

其实没有什么快速的方法，因为axure本身就是一个体力活，技术含量相对较低，最有效的方法应该是先把你想要模仿的网站的资源（图片、视频、音乐等等）找全（尽量），然后在axure里面工作的时候要有层次，就是从最底层开始建立，然后再到最上面能看见的，因为最下面的东西往往是一整块，如背景什么的。在最上面的东西比较细碎，所以放到最后来，如果你按照从上到下的顺序的话后面会比较麻烦。

还有一个想要提高效率那就是要善用那个母版（就是把许多元素合成一个整体那个东西），这样就不会显得杂乱，处理起来比较方便。

工具/原料

Axure RP Extension for Chrome

谷歌浏览器

方法/步骤

本文以强大如斯的谷歌浏览器来说明，怎么查看Axure原型文件，怎么添加Axure RP扩展程序。Axure RP生成的原型文件，一般都是可以用浏览器打开的，如：一般都有index、start这种html页面。但是，如果你没有安装扩展程序，那只会看到这样的提示，全英文。

这时候，只需要安装Axure RP在浏览器中的扩展程序，就可以正常查看了。扩展程序的格式一般是【文件名.crx】，Axure RP扩展程序的下载链接如下

首先，打开谷歌浏览器，在功能菜单中找到【工具-扩展程序】。点开以后就显示现在浏览器的所有扩展程序。

然后把第二步中提供的扩展程序直接拖入到这个页面，会看到浏览器的提示，点击确定加入该扩展程序。

等加入成功以后，还有很重要的最后一步，勾选【允许访问文件网址】，这时就可以访问原型文件了。同时也会看到浏览器右上角有一个小图标哦，这表示正在使用这个扩展程序。

---