iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
Mobile Development

ios前端開發學習系列 第 24

【Day24】認識如何使用個性化圖示

  • 分享至 

  • xImage
  •  

在 iOS 開發中,使用圖示(Icon)是一個相當常見的需求。不僅可以增加應用程式的美觀性,也能提高用戶體驗。其中,Apple 提供了一個叫做 SF Symbols 的圖示集,讓開發者能更方便地在應用程式中使用高質量的圖示。
https://ithelp.ithome.com.tw/upload/images/20230912/20161850xEsqA41NVm.png

什麼是 SF Symbols?

SF Symbols 是 Apple 提供的一套統一和可配置的圖示集。這些圖示與 San Francisco 字體(Apple 的系統字體)設計得非常匹配,並且可以很容易地在程式中調整大小和顏色。

如何使用 SF Symbols?

在 Swift 中,使用 SF Symbols 相當簡單。以下是一個在 UIImageView 中設置 SF Symbols 的例子:

let imageView = UIImageView()
imageView.image = UIImage(systemName: "star.fill")

或者在 UIButton 中:

let button = UIButton()
button.setImage(UIImage(systemName: "arrow.right"), for: .normal)

個性化 SF Symbols

SF Symbols 非常靈活,你可以:

  1. 更改顏色: 圖示的顏色可以隨時更改以匹配你的 UI。
imageView.tintColor = UIColor.red
  1. 更改大小: 你可以使用不同的 UIImage.SymbolConfiguration 來調整圖示大小。
let largeConfig = UIImage.SymbolConfiguration(pointSize: 40)
imageView.image = UIImage(systemName: "star.fill", withConfiguration: largeConfig)
  1. 添加類型: SF Symbols 也提供了多個類型,例如粗體、細體等。
let boldConfig = UIImage.SymbolConfiguration(weight: .bold)
imageView.image = UIImage(systemName: "star.fill", withConfiguration: boldConfig)

總結

SF Symbols 提供了一種簡單而有效的方式來添加高質量的圖示到你的 iOS 應用程式。它們不僅易於使用,還非常容易個性化,使你的應用看起來更專業和一致。


上一篇
【Day23】認識如何使用tableView(二)刪除動畫
下一篇
【Day25】認識如何加入麥克風(一)
系列文
ios前端開發學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言