swiftui
利用 SwiftUI 的 @EnvironmentObject 輕鬆地在視圖之間傳遞數據！
我們在大部分的手機 App 中，都會看到整個 App 和視圖之間共享數據 (data) 的情況。SwiftUI 提供了一個方便又簡單的方法，讓我們在 App 中傳遞數據。在這篇文章中，我們將會試著使用 @EnvironmentObject，並仔細研究它的行為。 @EnvironmentObject 是一種物件型別 (object type)，讓我們可以添加數據，之後再利用@StateObject [...]
在 iOS 15 中為 SwiftUI 按鈕設置樣式 大大節省開發時間
在 iOS 15 中，Apple 引入了一個新方法，來為 SwiftUI 和 UIKit 框架的 iOS App 客製化按鈕。這篇教學文章主要會介紹 SwiftUI 的新功能，如果你有興趣了解如何在 iOS 15 中設置 UIButton 樣式，可以參考 Sarun 撰寫的這篇文章。 在 SwiftUI 設置按鈕樣式 在我們介紹 iOS 15 的新修飾符 [...]
利用 matchedGeometryEffect 輕鬆實作動畫導航選單
我很喜歡使用 SwiftUI 框架進行編程，其中一個原因就是它讓我們可以輕鬆為視圖變化設置動畫。iOS 14 中引入的 matchedGeometryEffect 修飾符 (modifier)，進一步簡化了實作視圖動畫的步驟。有了這個修飾符，我們只需要描述兩個視圖的外觀，修飾符就會計算兩個視圖之間的差異，並自動為其大小/位置變化設置動畫。 [...]
利用 Searchable 修飾符 輕鬆在 SwiftUI List 視圖中實作搜尋欄
在 iOS 15 推出之前，SwiftUI 並沒有內置修飾符來在 List 視圖中處理搜尋，開發者需要創建自己的解決方案。我們還寫了一篇教學文章，教大家利用 TextField 來打造一個搜尋欄 (search bar)，並顯示搜尋結果。在 iOS 15 推出之後，SwiftUI 框架為 List 視圖帶來了一個名為 [...]
SwiftUI 新功能：利用 AsyncImage 非同步加載和顯示 Remote Image
在 WWDC 2021，Apple 為 SwiftUI 框架添加了大量新功能，減輕開發者的工作。在 iOS 15 中，AsyncImage 絕對是其中一個值得探討的新視圖。如果你的 App 需要從遠程伺服器加載和顯示圖像，有了這個新視圖，你就不需要編寫自己的程式碼來處理非同步 (asynchronous) 下載。 [...]
iOS 15 的 SwiftUI ：在 List 視圖中添加滑動動作及隱藏分隔線
在 WWDC 21，Apple 為 SwiftUI 框架的 List 視圖引入了一些改進。在 iOS 15 之前，我們沒有辦法直接在 List 視圖隱藏分隔線 (Line Separator)，我們還寫了一篇教學文章教大家利用 UIKit API 來解決這個問題。但是今年，SwiftUI 提供了一個名為 .listRowSeparator 的專用修飾符 [...]
應用 Core ML 在 SwiftUI 中轉換圖像的背景
Core ML 是 Apple 的手機機器學習框架 (machine learning framework)，讓我們在設備上部署、運行和重新訓練模型。 我們可以利用 CoreML 實作很多東西，包括文本、聲音、甚至是圖像識別。 最重要的是，Apple 的電腦視覺框架 (computer vision framework) Vision 提供了多於 6 個內置模型，它更可以充當 [...]
SwiftUI 3 新功能一覽：Markdown 支援, AsyncImage, Pull To Refresh 等
SwiftUI 是 Apple 的宣告式 (declarative) UI 框架。在 WWDC 2021，它又帶來了新的改進和功能，並棄用了一些函數。 SwiftUI 3.0 可用於 iOS 15、iPadOS 15、macOS 12、和 watchOS 12 上。 在正式開始之前，請注意，在 Xcode 13 專案結構中，Info.plist 檔案預設為不可見 (invisible)，我們需要在 [...]
利用 Xcode 12 在 Swift 專案中添加啟動畫面 Launch Screen
啟動畫面 (Launch Screen) 是 App 啟動時，你向使用者展示的第一個畫面。如果你是使用 UIKit 創建新專案，Xcode 會自動產生一個名為 LaunchScreen.storyboard 的 Storyboard 檔案，讓開發者設計 App 的啟動畫面。但是，如果你是使用 SwiftUI 框架開發 App，就不會有啟動畫面的檔案。那麼，我們如何在 [...]
學會這四個方法 讓你在 SwiftUI 中任意地平均佈局視圖！
我早前花了幾個月開發 UIKit 專案，最近終於回到 SwiftUI。奇怪的是，我竟然花了一些時間來編寫最基本的原型：如何在我的圖像過濾 SwiftUI App 中，平均地佈局兩個圖像呢？ 我試過在 HStack 中的兩個 Images 上，設置 resizable() 和 AspectRatio() 修飾符，但是沒有成功。實際上，由於實際的圖像資源太大，因此其中一個圖像佔據了整個螢幕。當然，我們還是可以寫死 [...]