起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)Axure8原型教程：實(shí)現(xiàn)Tab選項(xiàng)切換（選項(xiàng)卡、導(dǎo)航欄等）
本文針對(duì)于初級(jí)產(chǎn)品同學(xué)學(xué)習(xí)Axure原型交互設(shè)計(jì)，筆者介紹了如何實(shí)現(xiàn)Tab選項(xiàng)切換（選項(xiàng)卡、導(dǎo)航欄等），希望能為大家提供幫助。
Tab的切換實(shí)現(xiàn)可以幫助你更好的畫(huà)原型，尤其針對(duì)我這種強(qiáng)迫癥患者，很實(shí)用。不管是APP還是web端，都能用到，而且需要用到的地方還很多。
思路：
1. 通過(guò)動(dòng)態(tài)面板實(shí)現(xiàn)內(nèi)容頁(yè)面切換，n個(gè)tab設(shè)置n個(gè)狀態(tài)；
2. 綁定tab按鈕的點(diǎn)擊事件，設(shè)置動(dòng)態(tài)面板的狀態(tài)切換
步驟：
1. 按照上面的思路，幾個(gè)tab設(shè)置幾個(gè)狀態(tài)，先拉出所需要的按鈕（選項(xiàng)）+空白矩形（設(shè)置為動(dòng)態(tài)面板）；
2. 雙擊動(dòng)態(tài)面板，根據(jù)我們的按鈕（選項(xiàng)）設(shè)置狀態(tài)，這里設(shè)置了四個(gè)tab，所以就設(shè)置四種；
3. 當(dāng)狀態(tài)設(shè)置好之后，點(diǎn)擊任意狀態(tài)進(jìn)行編輯，界面大小統(tǒng)一；
4. 設(shè)置好界面后，綁定按鈕與界面關(guān)系。
單擊“小學(xué)”，axure界面右側(cè)-屬性-鼠標(biāo)單擊時(shí)-顯示面板狀態(tài)-勾選（動(dòng)態(tài)面板）-選擇按鈕所對(duì)應(yīng)的動(dòng)態(tài)面板狀態(tài)（意思就是連線），選擇好之后可以設(shè)置相關(guān)的動(dòng)畫(huà)巴拉巴拉啥的。另外三個(gè)依次這樣弄一下，點(diǎn)擊預(yù)覽，完美。
作者：妖怪口袋，微信公眾號(hào)“妖怪口袋”
本文由 @妖怪口袋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來(lái)自Unsplash，基于CC0協(xié)議
導(dǎo)航下面的藍(lán)底邊怎么設(shè)置交互？
App底部導(dǎo)航欄的切換怎么實(shí)現(xiàn)，用不上動(dòng)態(tài)面板
哈，看完還是不太會(huì)？你可能需要從Axure基礎(chǔ)開(kāi)始學(xué)
這里推薦你加Axure實(shí)戰(zhàn)班的助教小可愛(ài)@CC-起點(diǎn)學(xué)院（微信：qidiancc520），回復(fù)關(guān)鍵詞：大禮包
?? 領(lǐng)取適合產(chǎn)品新人的原型設(shè)計(jì)大禮包哦，cc還會(huì)不定期分享Axure免費(fèi)視頻課程呢！
?。?！
謝謝分享！