本文分享了在Axure中巧用交互样式实现多tab切换效果的方法，希望对大家有帮助。
　　先看效果：
　　步骤：
　　第1步，先准备三个矩形。
　　1个内容（结果）展示区域
　　2个tab紧挨着内容区域
　　第2步设置默认样式。
　　（1）设置内容与两个背景的颜色一致选中时溶为一体。
　　（2）设置内容区域的边框颜色为0099FF后期设置tab选中样式时要用到。
　　（3）设置tab的边框线宽为3、线段颜色为全透明（不透明度：0）与后面设置的tab选中样式形成对比，视觉上选中之后变大了。
　　设置好之后的效果是这样：
　　第3步设置tab的交互效果。
　　（1）右键元件，菜单中选择“交互样式”。
　　（2）进入交互样式设置，设置选中后的效果。
　　线段颜色，设置为0099FF与内容区域一样。
　　线宽，设置为1选中后放大效果（原来被透明边框占去了3像素，现在只占1像素（还不透明），视觉上变大了）。
　　边框可见线设置为最下边不显示边框目的与内容区域溶合。
　　第4步，设置层级，及位置。
　　（1）内容区域置于最低层不然内容区域的边线一直可见，不能溶为一体这也是要把tab的边线（默认）设置为透明的原因之一。
　　（2）将tab下移1像素（选中时）正好可以盖在内容区域的边线上，从而实现溶为一体。
　　第5步，设置动作。
　　点击tab时，完成以下动作：
　　（1）设置点击tab位于顶层再次保证不是其他元件盖着。
　　（2）设置内容区域文字从内容上体现选中了这一块。注：2个tab要设置不同的文字（进阶方案：使用this。text实现）。
　　（3）设置当前元件为选中状态用到前面设置的交互样式了。
　　第6步，设置选项组、设置默认选中项。
　　（1）tab之间是只能选中一个的，所以需要将这两个tab设置为同一个选项组（实现单选效果）。
　　注：先项组的名称可随意取。
　　（2）设置默认选中项因为内容区域显示的内容是由tab来决定的，如果两个都是未选中的，则内容区域什么都不显示，固需要有一个默认选中项。这里设置的是左边为默认选中项。
　　OK，全部完成，伸伸懒腰，点击F5，就可以看到效果了。
　　原型链接：多tab切换效果，欢迎下载交流。

Axure教程：按钮的启用和禁用设计原型中常要用到按钮的禁用和启用，比如常见的：输入手机号获取验证码的获取按钮，在未输入内容前按钮不可点，输入按钮后，可点击获取按钮获取验证码。那我们本文就一起来看看按钮的启用和禁……Axure：一分钟制作二级折叠菜单上一篇文章写的拖动列表，里面用了一些公式计算有朋友说有点复杂了，今天做一个二级折叠菜单，个人认为算是我看到的所有文章里步骤最简单的实现办法了，如有更简单的欢迎交流讨论效果……Axure案例：电商购物车购物车功能已经成为各类电商系商品的一个基础功能，那么关于购物车页面的一些交互功能，如何通过原型设计去完成呢？本文以京东购物车为实例，将重点讲述关于购物车页面的交互用例设计。……Axure：一个简单的进度条，了解“触发事件”动作本文通过制作一个简单的进度条，顺便来了解一下“触发事件”动作。先看效果：涉及知识点：“设置尺寸”动作；元件变量：T元件属性：heigh……Axure教程：用Axure进行简单界面设计及交互效果本次作业为根据TIM登录界面截图，画出一副一样的原型。以TIM登录界面为例。一、分析当我们手里仅有这一张截图时，怎样利用Axure做出和截图一样的原形界面呢？……Axure：菊花转（页面加载动画）如何制作本文分享了页面加载动画如何制作，希望对大家有所帮助。先看效果：以下是制作步骤：第一阶段，素材准备（1）拉入一个圆注意：调整圆的大小，示例中是505……APP工具栏如何用Axure画出来工具栏用来展示和方便用户完成当前页面的主要操作，俗称操作栏。典型应用场景原型画法（无交互）工具栏通常包含多个操作按钮。位于屏幕底部。先画工具栏背景，从默……Axure：中继器实现表单增删改查在用Axure的时候，怎么通过中继器实现表单的增删改查呢？本文分享了一个方法。使用中继器设计表单，如下：一、分析在文本框中输入学号，姓名，成绩，班级，点击“新……玩转Axure：如何制作验证码倒计时？注册模块是每个产品必不可少的一部分，也是大部分产品经理着手设计一个产品时遇到的基础部分，在这里通过这个教程分享如何使用Axure中的动态面板实现获取验证码倒计时功能。在开……如何设计规范的原型图？首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文……Axure：巧用交互样式实现多tab切换效果本文分享了在Axure中巧用交互样式实现多tab切换效果的方法，希望对大家有帮助。先看效果：步骤：第1步，先准备三个矩形。1个内容（结果）展示区域……Axure中继器：实现“万能”数据表模板的方法看过很多关于中继器的文章，但如果想要自己做一个，就要东搞西搞的，为了给很多“懒人”带来方便，本文要介绍的是一款通过简单修改，就可以满足使用者需要的“万能”表格。先秀一下（……