手風琴菜單交互之第二、三、四步

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

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

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

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

11.jpg

(圖46)

11.jpg

(圖47)

11.jpg

(圖48)

11.jpg

(圖49)


當前文章標題:手風琴菜單交互之第二、三、四步

當前URL:http://www.kigisgallery.com/news/wzzz/3421.html

上一篇:案例18:手風琴菜單交互之第一步

下一篇:關于手風琴菜單交互的第五步

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