按一下tab就软件切换
你是否有过这样的困扰：每次画原型遇到 Tab 类型的时候，都需要给每个 Tab 标签按钮设置点击效果后，才能使下方的动态面板进行切换？这里给你推荐一种方案，利用中继器实现“丝滑”的 Tab 切换效果。
预览地址：https://v4qyac.axshare.com
一、初步准备
先准备一个中继器，将中继器的布局改为水平（如图）。
然后在中继器的下方加入一个动态面板。本次效果共需要3个状态，可分别在每个动态面板中增加一行文字（Tab_1、Tab_2、Tab_3）用于后续确认切换效果的完成度（如图）。
在中继器中，将默认列的名称改为name，并增加 select、Tab_number 两列。
中继器内的数据根据下方截图进行添加（如图）。
name 为标签页的名称、select 用于设置Tab项的选中状态（默认首选项为选中状态）、Tab_number 用于切换动态面板。
二、交互设计
1. 点击效果的设置双击中继器，将中继器中的矩形设置为100*32、去掉边框、字体大小改为16、字体颜色改为灰色（用于跟选中效果进行区分），并为矩形增加元件选中的交互样式，将字色设置为黑色（如图）。
选择的Tab项是否为选中状态由中继器中的 select 值判断，所以在点击每个项时，都需要去更新修改select 的值：
- 为矩形添加单击时，中继器更新行的动作（属性为：已标记、select 列、值为0），因为每次仅有一个Tab可以被选中，所以需要先将select 中的值清空；
- 重新为当前项的 select 赋值，继续增加中继器更新行的动作（属性为：当前、select 列、值为1）（如图）；
做到这一步，就算是初步完成了点击时的效果了。当然，现在进行预览还看不到实际效果。接下来我们继续优化。
2. 将当前项设置为选中状态前面提到过，是否是选中的状态，交由中继器中的 select 值进行判断，所以接下来就要设置中继器的交互。
因为每项在加载时，我们就要了解该项是否为选中状态，所以这里要使用每项加载的事件：
先来设置选中的状态，为每项加载事件增加一个情形：当 select 的值为1时，才执行的动作（如图）。
这样我们便得到了加载到 select 值为“1”时的项，接着为该项设置 标记行（目标：当前中继器、行：当前）、设置文本内容为 [[Item.name]]、设置选中矩形为“真”（如图）；
再来设置未选中的状态，为每项加载事件再增加一个情形：当 select 值为“0”时，才执行的动作（如图），当然，这次情形里的条件也是可以不用设置的。
接着为值为“0”的项设置动作：标记行（目标：当前中继器、行：当前）、设置文本内容为 [[Item.name]]、设置选中矩形为“假”（如图）；
到这里，便得到了一个跟随点击，可以切换点击效果的 Tab标签了，但是我们可以看到下方的动态面板还为进行切换，接下来继续设置。
3. 动态面板切换动态面板需要跟随每次的点击效果，进行状态的切换。那么回到矩形的单击事件上，添加设置面板状态动作（目标：动态面板、值：[[Item.Tab_number]]）（如图）；
到此，我们就算是完成了利用中继器实现Tab切换效果了。
将这种方案保存为自己的组件库，后续再遇到 Tab切换相关的原型设计时，可以修改下矩形的大小、项的数量、动态面板的大小后便可以直接使用，再也不用为为按钮设置点击切换动态面板的工作啦！
演示的效果中，我增加了一个横条跟随点击移动的效果。有想了解横条移动效果的实现或者想下载这个组件的，可以在文末进行留言。
本文由 @阿幸 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
","gnid":"9296e978620fbdb8b","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t01136743ca8a4fc511.jpg","width":"900"},{"desc":"","height":"711","title":"","url":"https://p0.ssl.img.360kuai.com/t0124cb84c944ef6dd4.jpg","width":"1047"},{"desc":"","height":"797","title":"","url":"https://p0.ssl.img.360kuai.com/t01f72c106ff6824db2.jpg","width":"1214"},{"desc":"","height":"543","title":"","url":"https://p0.ssl.img.360kuai.com/t0157ae100142d2b82d.jpg","width":"670"},{"desc":"","height":"617","title":"","url":"https://p0.ssl.img.360kuai.com/t0111497649ae3554de.jpg","width":"904"},{"desc":"","height":"582","title":"","url":"https://p0.ssl.img.360kuai.com/t018ab2f9af98e6724f.jpg","width":"904"},{"desc":"","height":"472","title":"","url":"https://p0.ssl.img.360kuai.com/t01aed5f6dd4f747ac3.jpg","width":"850"},{"desc":"","height":"582","title":"","url":"https://p0.ssl.img.360kuai.com/t018d0deea15cc37f5d.jpg","width":"1008"},{"desc":"","height":"472","title":"","url":"https://p0.ssl.img.360kuai.com/t01c7aff4162c2cb5b9.jpg","width":"850"},{"desc":"","height":"582","title":"","url":"https://p0.ssl.img.360kuai.com/t01df1cee6917a6d8fb.jpg","width":"1008"},{"desc":"","height":"582","title":"","url":"https://p0.ssl.img.360kuai.com/t01456080fdfc503768.jpg","width":"1008"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"pika","pub_time":1704680040000,"pure":"","rawurl":"http://zm.news.so.com/f37365149c932648ee729f5f29a74b58","redirect":0,"rptid":"bfc47b57085af587","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"Axure：用中继器实现“丝滑”的Tab切换效果
庞锦秒1026键盘上的TAB键有时候按一下它就上下不停的切换 网络上的方法我试过了都没用 请懂电脑的高手帮忙 -
费美梅13931086141 ______ 我家的键盘也是这样的症状,后来我就把它拆开了,把那个tab键调了一下,就那样神秘的好了,当然我不是要您去拆键盘,但是如果您想尝试的话,那样做的话,那又有何不可呢,呵呵,那就看您想不想尝试了,加油哦!一点愚拙的建议,希望对您有帮助,我很乐意为您解答!
庞锦秒1026大家好,为什么我的电脑一按ALT+TAB就切换到登陆页面,而不是网页和网页之间切换,声明其它电脑都没事
费美梅13931086141 ______ Alt+Tab就是电脑打开的上一个网页,文档等所有界面 与 [当前界面] 切换,Ctrl是在同一浏览器或者同一文档器等同一工具下打开的窗口的 [轮回切换],比如QQ ,浏览器,wps文档 等工具.win7下还有Win+Tab可实现3D效果的画面切换,可以试试看.
庞锦秒1026win7按alt tab,alt不放手,就自动切换怎么解决? 1 -
费美梅13931086141 ______ 题主的意思我明白了,是说按 Alt+Tab 切换窗口后窗口顺序就变了,被激活的窗口跑到了最前面,其余的依次下沉一位是吧.抱歉,这个功能没法关闭,改不了,这种设计是 Windows 本身的设计,而且是为了方便有多个窗口切换后,再次按下 Alt+Tab 可以回到原窗口.但是在 Win7 或 Win8 下有另一种切换窗口的方式是 Alt + Esc,这个是按下方任务栏的顺序来切换的,就不会出现被置换置顶的窗口跑到前面的事情了.
庞锦秒1026为什么我玩游戏的时候电脑会自动ALT+TAB切换出来 -
费美梅13931086141 ______ 在启动游戏之前,先把桌面上的程序全部最小化,玩的时候应该就可以了.比如你要是开QQ的话,没有最小化,玩魔兽争霸的时候,就会切换回来另外你是否全屏进行游戏呢?如果这样退回到桌面是因为QQ上的一些资讯弹出了所以窗口会切换(其他的一些窗口的弹出都会影响全屏的游戏).如果不是全屏游戏,麻烦您把问题补充完整.
庞锦秒1026应用程序之间的切换,最好建议在什么菜单下切换 -
费美梅13931086141 ______ 一、Alt+Tab组合快捷键 现在Windows7中,使用Alt+Tab快捷键进行切换窗口,桌面中间会显示各程序的预览小窗口,片刻后,桌面会即时显示切换到的程序窗口. 按住Alt键不放,每按一次Tab即可切换一次程序窗口,用户可以按照这种方法...
庞锦秒1026win7软件老是自动切换 按一下TAB键能好一会 -
费美梅13931086141 ______ win7的error reporting 导致的.可在注册表里改.regedit -> HKEY_CURRENT_USER->Software->Microsoft->Windows->Windows Error Reporting 把 DontShowUI的值改成1就ok了.
庞锦秒1026alt+tab切换问题,以前都是新打开有个文件夹,按alt+tab就切换到上个浏览窗口了 -
费美梅13931086141 ______ 个人觉得是你开的程序可能比较多,其中某个或者某些程序出现假死导致系统出现类似假死的状态首先,出现这种情况的时候,除了重启之外,你可以试下按下Ctrl+Shift+Esc组合键调出“任务管理器”,将“应用程序”下当前运行的程序结束...
庞锦秒1026如何实现tabPage控件自动切换,我的目标是在一个tabPage控件里按一下按钮自动切换到下一控件,不知道怎么做 -
费美梅13931086141 ______ 你说的是vb6中的SSTab吗:Private Sub Command1_Click() Dim iIndex As Integer iIndex = Me.SSTab1.Tab If iIndex = Me.SSTab1.Tabs - 1 Then iIndex = 0 Else iIndex = iIndex + 1 End If Me.SSTab1.Tab = iIndex End Sub 或者是TabStrip那么如此...
庞锦秒1026怎样才能让vbs通过alt+tab切换到某个程序 -
费美梅13931086141 ______ 先按住Alt键,在按一下Tab键(按一下马上松开),然后就可以选择窗口了,在按Tab键,就选择下一个窗口,选择好了,在松开两个键就成功了
庞锦秒1026求助,我的电脑打开时,为何要按一下TAB键才能继续进行开机程序? -
费美梅13931086141 ______ 开机需要按下ATB键才能进入,主要是因为BIOS中设置与真实硬件数据不符引起的,可以分为以下几种情况: 1、实际上没有软驱或者软驱坏了,而BIOS里却设置有软驱,这样就导致了要按F1才能继续. 2、原来挂了两个硬盘,在BIOS中设置...