因?yàn)?a href="http://m.supportcoffeeroasters.com" target="_self">昆明網(wǎng)站制作小編目前還沒(méi)有詳細(xì)講解【母版】的使用，所以這個(gè)案例就使用動(dòng)態(tài)面板來(lái)扮演APP的內(nèi)容部分。在此以TripAdvisor應(yīng)用為例來(lái)進(jìn)行演示，見(jiàn)圖246。啟動(dòng)APP后，顯示的是【看點(diǎn)評(píng)】，所以標(biāo)簽欄中【看點(diǎn)評(píng)】這個(gè)標(biāo)簽是被選中的（我們只需要給標(biāo)簽欄的每一個(gè)標(biāo)簽添加【選中時(shí)】的交互樣式即可）。當(dāng)用戶單擊其他標(biāo)簽時(shí)，動(dòng)態(tài)面板的狀態(tài)轉(zhuǎn)換至與標(biāo)簽相應(yīng)的內(nèi)容，并且設(shè)置當(dāng)前單擊的標(biāo)簽為選中狀態(tài)（圖標(biāo)為綠色），其他標(biāo)簽未選中（圖標(biāo)為灰色）。

第一步：準(zhǔn)備好所需的圖像素材，如圖247。

（圖246）

（圖247）