IOS Widget(1):概述

popfisher發表於2021-04-29

引言

  本系列文章作者是安卓開發,以安卓開發的視角學習IOS小元件,記錄一下踩坑記錄,如有講得不對的地方,路過大佬多包涵。如果你是想深入學習小元件,建議您順著筆者的編號順序閱讀本系列文章。如果曾經瞭解過,只需要瞭解部分,則可以挑選來看。另外本系列文章中程式碼全部是Swift語言編寫。

本文大綱

  • 小元件是什麼?
  • 小元件概述
  • 小元件開發備註
  • 小元件實現原理

小元件是什麼?

小元件概述

  • WidgetKit 通過在 iOS 主螢幕或 macOS 通知中心放置小元件,讓使用者可以隨時訪問 App 中的內容。Widget 可以保持更新,從而讓使用者獲得最新資訊。當需要更多細節時,點選Widget 會直接帶到 App 中的適當位置。
  • Widget 有三種不同的尺寸(小號、中號和大號),可以對 Widget 進行個性化定製。
  • 要實現一個 Widget,需要給應用新增一個 Widget 擴充套件並只能使用SwiftUI來實現 Widget 的內容。

小元件開發備註

  • 開發工具XCode:Version 12.4 (12D4e)
  • IOS支援版本:iOS 14.0以上
  • macOS支援版本:macOS 11.0以上
  • 開發小元件要求:小元件的UI開發必須使用SwiftUI

小元件實現原理

  要實現視窗小部件,您可以嚮應用程式新增視窗Widget Extensio。您可以使用時間軸提供程式配置視窗小部件,並使用SwiftUI檢視顯示視窗小部件的內容。時間線提供者告訴WidgetKit何時更新您的視窗小部件的內容。

結語

  本文主要就是開個頭,介紹小元件是什麼,開發小元件的環境配置,接下來文章會詳細講解小組的各個技術點,看完本系列文章,你將會順利踏上開發小元件的道路,希望在路上少走點彎路。

相關文章