期望效果如下所示
目標(biāo)效果
①添加三個(gè)文本框窍仰，并設(shè)置下邊框的顯示效果
添加標(biāo)題并設(shè)置下邊框
【樣式】頁中汉规，設(shè)置Border如紅框所示→設(shè)置只顯示下邊框
②思考一下，我們對(duì)文本框效果的要求應(yīng)該是鼠標(biāo)移動(dòng)上去的時(shí)候驹吮，字變成藍(lán)色针史，單擊之后，下邊框變粗碟狞，并且文字變成藍(lán)色啄枕。
于是，我們需要添加鼠標(biāo)MoveOver和Selected的效果
鼠標(biāo)MoveOver的效果
鼠標(biāo)單擊的效果
接下來族沃，3個(gè)Tab是需要連動(dòng)的频祝，并且，默認(rèn)選擇是推薦
畫重點(diǎn)脆淹，要將所有的tab頁進(jìn)行連動(dòng)常空，必需設(shè)置選項(xiàng)組名稱為一樣
對(duì)推薦頁進(jìn)行設(shè)置
將推薦頁效果復(fù)制給其它2個(gè)Tab，并設(shè)置選項(xiàng)組名稱和選中狀態(tài)
操作GIF
④添加交互頁面
設(shè)置動(dòng)態(tài)面板方式：
對(duì)目標(biāo)單擊鼠標(biāo)右鍵→【Create Dynamic Panel】
添加文本框和文字盖溺，并且設(shè)置動(dòng)態(tài)面板漓糙，效果如下圖所示
⑤對(duì)各Tab設(shè)置單擊切換選中效果和動(dòng)態(tài)面板狀態(tài)的動(dòng)作
推薦Tab的鼠標(biāo)單擊效果
榜單Tab的鼠標(biāo)單擊效果
分類Tab的鼠標(biāo)單擊效果
由此，完成了Tab切換效果烘嘱，如開文所示昆禽。
