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

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

1.多个页签的切换效果

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

同样，先看下效果

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

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

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

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

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

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

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

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

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

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

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

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

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

浏览器添加Axure扩展方法：

1，百度搜索Axure RP，下载Axure RP，并进行安装；

2，安装后定位到安装目录，并进行搜索 .crx 文件，找到扩展程序：axure-chrome-extension.crx；

3，在浏览器中地址栏中输入chrome://extensions/ 或者点击浏览器的右上角选择更多工具->扩展程序；

4，将axure-chrome-extension.crx文件拖到扩展程序的里面即可。

ie没办法装扩展。

Firefox到这个地址下载安装https://addons.mozilla.org/zh-CN/firefox/addon/axure-share-add-on-for-firefox/?src=cb-dl-created

chrome的话，到应用商店搜索Axure RP Extension for Chrome安装就可以了，就是这个地址：https://chrome.google.com/webstore/detail/axure-rp-extension-for-ch/dogkpdfcklifaemcdfbildhcofnopogp

1.打开AXURE软件，新建文件；

2.使用元件库，里面有很多 *** 作框，默认在左侧；

3.在页面上摆出相应的形状；

4.也可以打上字体，并调整字体的样式属性；

5.同时，AXURE里面有很多图表，可以自行添加；

6.使用可以在浏览器中进行查看；

7.记得保存一下，命名格式要写好

---