使用 WKWebView 簡單地在 SwiftUI 顯示 Web Page
很多 App 都需要顯示 web 內容，而 iOS SDK 就為開發者提供了幾個方法，其中一個就是 WKWebView。但是，現時 SwiftUI 的版本並沒有內置的 web 視圖，因此我們需要利用 UIKit 框架來實作。在這篇教學中，Simon 會帶大家一步步在 SwiftUI 專案中調用 WKWebView。
3 分鐘閱讀時間
SwiftUI 框架
透過以下 SwiftUI 教學文章，學習全新的 UI 框架
110 篇文章
利用 SwiftUI 在 iOS 15 中構建一個簡單的繪畫 App
在開發 App 時，有一件事情是開發者一定要做的，就是繪製一些簡單圖形。我們可以利用 Paint 或 Preview 繪製這些簡單的圖形，這兩個都是很好的 App，但有時還是會有點不足。在這篇文章中，Ｍark 會帶大家利用 SwiftUI，在 iOS 15 中構建一個簡單的繪畫 App，來解決這個問題。
6 分鐘閱讀時間
2 個 SwiftUI 的除錯 (Debugging) 好工具 快速發現 App 的問題
SwiftUI 提供了一個僅用於除錯 (debugging) 的好方法，讓我們區分是什麼改動讓視圖重新加載。這個方法是用來查找錯誤的。當我們看到視圖在重新調用 body 屬性 (property)，卻又不知道原因的時候，這個方法就大派用場了。
4 分鐘閱讀時間
在 iOS 15 中利用 SwiftUI Canvas 輕鬆繪製一個時鐘動畫
本篇原文（標題：Implementing SwiftUI Canvas in iOS 15）刊登於作者 Medium，由 Mark Lucking 所著，並授權翻譯及轉載。 和 UIKit 相比，SwiftUI 還是不夠完善。
7 分鐘閱讀時間
利用 SwiftUI 一步步構建漂亮的彩色紙屑效果
Apple 的 SwiftUI 為開發者提供了一個輕巧易用的工具，來創建使用者界面。在這篇文章中，Sarah 會帶大家利用 SwiftUI 構建彩色紙屑效果，並詳細解釋不同設定和修飾符 (modifier) 的效果，讓你可以為 App 製作自己的彩色紙屑效果。
5 分鐘閱讀時間
在 SwiftUI 中設置漸變動畫 (animated gradient) 的 3 個方法
最近有讀者提問：如何利用 SwiftUI 設置漸變動畫 (animated gradient)、或創建漸變背景動畫？SwiftUI 框架有許多內置組件，例如 LinearGradient 和 AngularGradient，讓開發者設置漸變效果。另外，SwiftUI 也有 .animation 修飾符 (modifier)，讓開發者可以簡單地創建動畫。問題是，我們如何結合漸變組件和 .animation 修飾符來創建漸變動畫呢？
6 分鐘閱讀時間
利用 SwiftUI 的 @EnvironmentObject 輕鬆地在視圖之間傳遞數據！
本篇原文（標題：Passing Variables to Other Views Made Easy With @EnvironmentObject）刊登於作者 Medium，由 Tatenda Kabike 所著，並授權翻譯及轉載。 我們在大部分的手機 App
4 分鐘閱讀時間
在 iOS 15 中為 SwiftUI 按鈕設置樣式 大大節省開發時間
在 iOS 15 中，Apple 引入了一個新方法，來為 SwiftUI 和 UIKit 框架的 iOS App 客製化按鈕。這篇教學文章主要會介紹 SwiftUI 的新功能，如果你有興趣了解如何在 iOS 15
6 分鐘閱讀時間
利用 matchedGeometryEffect 輕鬆實作動畫導航選單
開發者都很喜歡使用 SwiftUI 框架進行編程，因為它可以讓我們輕鬆為視圖變化設置動畫。iOS 14 引入的 matchedGeometryEffect 修飾符，進一步簡化了實作視圖動畫的步驟。在這篇文章中，Simon 會帶大家利用這個修飾符，簡單地開發一個動畫導航選單 (navigation menu)。
5 分鐘閱讀時間
利用 Searchable 修飾符 輕鬆在 SwiftUI List 視圖中實作搜尋欄
iOS 15 推出前，SwiftUI 並沒有內置修飾符來在 List 視圖中處理搜尋，開發者需要創建自己的解決方案。在 iOS 15 中，SwiftUI 框架為 List 視圖帶來了一個名為 searchable 的新修飾符。在這篇文章中，我會帶大家看看這個新修飾符如何簡化實作搜尋欄的步驟，並為我們節省時間。
5 分鐘閱讀時間
SwiftUI 新功能：利用 AsyncImage 非同步加載和顯示 Remote Image
AsyncImage 是 iOS 15 推出的新視圖，用於非同步加載和顯示 Remote Image。在這篇文章中，我會帶大家在 SwiftUI 專案中使用 AsyncImage，讓我們不需要編寫自己的程式碼，只需要輸入圖像 URL，AsyncImage 就會抓取 Remote Image 並顯示在螢幕上！
5 分鐘閱讀時間
iOS 15 的 SwiftUI ：在 List 視圖中添加滑動動作及隱藏分隔線
在 WWDC 21，Apple 為 SwiftUI 框架的 List 視圖帶來了一些改進。現在，我們只需要幾行程式碼，就可以輕鬆客製化分隔線 (line separator) 的外觀，並將客製化滑動動作 (swipe action) 添加到 List 視圖。在這篇教學文章中，我們會帶大家看看兩個新的修飾符。
5 分鐘閱讀時間