顯示廣告
隱藏 ✕
看板 KnucklesNote
作者 Knuckles (站長 那克斯)
標題 [Xcode][Swift3] 加入Google提供的圖示 Material icons
時間 2017-05-01 Mon. 20:34:52


https://material.io/icons/
是 Google 提供的免費圖示網站

需要圖示的時候可以在這邊找找看有沒有適合的
下載到 App 的專案中使用

例如想要在右上角的 Navigation Bar 加上 More 按鈕「…」

https://material.io/icons/ 搜尋 more
選擇想要圖示後,在下方選擇大小為 36dp,顏色為白色
下載 PNG 檔
[圖]


補充: 36dp 會有點大,改用預設的 24dp 比較適合

將下載的檔案解壓縮後,在 ios 資料夾裡
會有個「ic_more_horiz_white_36pt.imageset」檔
[圖]


將這個檔案拉到專案的 Assets.xcassets 中
[圖]


拉一個 Bar Button Item 到 Navigation Bar 右邊
設定 Image 為「ic_more_horiz_white_36pt」即可
[圖]



覺得自訂圖示的左右間距太寬的話 參考 StackOverflow
可以將圖示拉一個 @IBLayout ,名稱輸入「moreButton」
然後在 viewDidLoad() 裡加入
        moreButton.imageInsets = UIEdgeInsetsMake(0, -15, 0, 10)

執行結果
[圖]



--
※ 作者: Knuckles 時間: 2017-05-01 20:34:52
※ 編輯: Knuckles 時間: 2017-05-05 15:17:20
※ 看板: KnucklesNote 文章推薦值: 1 目前人氣: 0 累積人氣: 306 
分享網址: 複製 已複製
1樓 時間: 2020-02-11 14:22:51 (美國)
  02-11 14:22 US
!
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇
看板名稱: 確定(Enter) 取消(Esc) 搜尋(Space)
查詢帳號: 確定(Enter) 取消(Esc) 搜尋(Space)
搜尋: m)m文 b)進板 c)未分類 a)作者 /)標題 q)取消?[q]

搜尋 送出(Enter) 取消(Esc)

回覆文章至: f)看板 m)作者信箱 b)兩者皆是 q)取消?[f]
要引用原文嗎? y)引用原文 n)不引用 a)全部回覆 r)複製原文 q)取消?[y]
轉錄本文章於看板: 1)使用連結 2)使用複製 q)取消 ?[1]
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc) 全部(a)

確定要刪除這篇文章?(可按大U救回) 確定(Enter) 取消(Esc)

刪除理由:

確定(Enter) 取消(Esc)
加到這個分類: 確定(Enter) 下一層(→) 回上層(←) 取消(Esc)
你覺得這篇文章: 1)真讚 2)真瞎 q)取消?[1] (再選一次即可收回)
你覺得這篇文章: 1)值得推薦 2)表示反對 3)單純註解 q)取消?[3]
guest
預覽(Enter) 取消(Esc)
上傳圖片
按ctrl+Enter可輸入下一行。
guest
確定要送出? 確定(Enter) 取消(Esc) 繼續(e)
搜尋: 送出(Enter) 取消(Esc)

▏▎▍▌▋▊▉ 請按任意鍵繼續