手風(fēng)琴菜單交互之第二、三、四步

  • 2022-04-18 18:40:57
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

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

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

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

11.jpg

(圖46)

11.jpg

(圖47)

11.jpg

(圖48)

11.jpg

(圖49)


當(dāng)前文章標(biāo)題:手風(fēng)琴菜單交互之第二、三、四步

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3421.html

上一篇:案例18:手風(fēng)琴菜單交互之第一步

下一篇:關(guān)于手風(fēng)琴菜單交互的第五步

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)