Axure系列：14中继器母版实现微信4个tab切换

准备好以下元件

TabIcon，图片（width：26，height：26），

TabName，文本矩形（width：80，height：20），设置颜色为空

PageName，矩形，填充白色，设置边框（仅显示上边框，在右侧样式操作栏中设置）

Tab，中继器；将中继器中的默认矩形删掉；将TabIcon、TabName、PageName选中，右键变成动态面板（命名Tab），将动态面板Tab剪切到中继器中。如图：

实现步骤

1、把中继器选中，右键变为母版，命名Tab。

2、中继器中添加数据TabIconDefault（常规状态图标）、TabIconSelected（选中状态图标）、TabName（标签名称）、PageName（页面名称，不是用于显示的，是标记页面的ID）。导入相应的图标和输入相应的文字。

PageName那列都要用小写，和下文的页面对应

3、添加页面message、contact、discover、me。（注意：一定要用小写，否则可能识别不了）

4、给中继器添加事件。每项加载时，设置TabName标签名为中继器中的[[Item.TabName]]；设置TabIcon图片的Default值为[[Item.TabIconDefault]]，设置TabIcon图片的选中值为[[Item.TabIconSelected]]

5、给Tab动态面板添加事件。载入时，当当前页面名称和中继器中的[[Item.PageName]]一致，设置TabName和TabIcon为选中状态

这样做，标签的图标和文字才会变色（自己给TabName矩形添加选中状态哦）

6、设置页面跳转事件。点击Tab动态面板时，跳转中继器中标记的页面[[Item.PageName]].html（一定要记得添加  .html ）

7、最后，把Tab母版拖入四个tab页面，添加相应的页面截图。到此就完成了。

演示链接：https://limumu1992.github.io/14weixin4tab/

所有木目原型的链接：https://limumu1992.github.io/mumuaxure/