為 UIKit 開啟 Xcode Live Preview

使用 SwiftUI 的一大收益就是可以像 Flutter 那樣對 App 進行熱更新,改動了UI的代碼,會直接反映在模擬器或者是真機中,大大提升了編寫用戶界面的效率,不用改1px,運行,各種點擊,然後查看效果的循環往復。但現在使用 SwiftUI 還為時過早,畢竟還是有大量 iOS 12 設備在運行,想要做大眾軟件,那還是要支持的。

那麼,有沒有辦法能讓 UIKit 編寫的軟件也能用上實時預覽呢?其實是可以的……畢竟,SwiftUI 也能直接顯示 UIKit 的控件。

首先我們來看看要在 Xcode中 裡預覽 SwiftUI,需要做哪些工作:

你只需要在任意一個 .迅速 文件中加上上面的代碼,Xcode 就會為你顯示預覽界面了,要讓它加載 UIKit,我們需要實現一個 UIViewControllerRepresentable / UIViewRepresentable ,這取決於你要顯示的是 UIViewController 還是 的UIView

這兩個結構體是通用的,這樣以後就可以直接使用了。但這有一個問題,當我們真正編譯的時候,就需要修改最低支持版本號,因為畢竟它是依賴 SwiftUI 的,這就導致開發的時候需要調高版本號,在正式發布的時候再降低。

我們可以用 Swift 宏來搞定這件事情,這樣,編譯器就可以自動判斷當前是否支持 SwiftUI,且在正式發布的時候,會自動去掉這些代碼了。

寫好了這兩個 可代表 之後,我們去需要預覽的文件中,啟用預覽:

這樣,Xcode 就能像使用 SwiftUI 那樣來預覽你的界面了!無論修改了什麼,都可以實時顯示在側面的預覽中!


注意,如果你使用了在每次編譯後自動提升版本號的腳本,那可能會導致預覽不能自動刷新,每次都要手動點 Resume,比如:

我們需要修改它們以識別 實時預覽 模式:

這樣,腳本就只會在正常編譯時執行了,不會影響到 Xcode Live Preview。

 

參考文獻

  1. 如何在UIKit中使用實時預覽
  2. /UIViewPreviewProvider
  3. SwiftUI: 自動預覽更新已暫停, 總是

 

本文由 落格博客 原創撰寫:落格博客 » 為 UIKit 開啟 Xcode Live Preview

轉載請保留出處和原文鏈接:https://www.logcg.com/archives/3502.html

已發表
歸類為 macOS, Swift

通過 落格博客

如非聲明,本人所著文章均為原創手打,轉載請註明本頁面鏈接和我的名字。

發表評論

您的電子郵件地址不會被公開. 必填字段標 *