因為昆明網(wǎng)站制作小編目前還沒有詳細(xì)講解【母版】的使用，所以這個案例就使用動態(tài)面板來扮演APP的內(nèi)容部分。在此以TripAdvisor應(yīng)用為例來進(jìn)行演示，見圖246。啟動APP后，顯示的是【看點評】，所以標(biāo)簽欄中【看點評】這個標(biāo)簽是被選中的（我們只需要給標(biāo)簽欄的每一個標(biāo)簽添加【選中時】的交互樣式即可）。當(dāng)用戶單擊其他標(biāo)簽時，動態(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）