顯示廣告
隱藏 ✕
看板 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)轉錄 同主題: =)首篇 [)上篇 ])下篇