看板 KnucklesNote
作者 標題 [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
回列表(←)
分享