第二步：將brackets_gray.png、code_gray.png、design_gray.png、phone_gray.png和search_gray.png 這五張圖像拖放到設計區(qū)域，并分別為其添加【選中】時的交互樣式，見圖46。

第三步：根據(jù)之前所學知識，按圖47所示，昆明網(wǎng)站建設小編認為添加一個矩形部件和一個標簽到恰當位置，將標簽內(nèi)容設置為【UI設計】，并給該標簽設置選中時的交互樣式，如圖48所示。設置其選中時字體顏色為#B63A4C。然后選中brackets_gray 圖像部件，給其命名為brackets_1。

第四步：同時選中如圖49所示的4個部件，單擊右鍵，在彈出的關聯(lián)菜單中選擇【轉(zhuǎn)換為動態(tài)面板】，并給其命名為menu_1。

（圖46）

（圖47）

（圖48）

（圖49）