SwiftUI 框架 利用 SwiftUI 的視圖修飾符 簡單構建有意義的空白狀態 空白狀態 (Empty State) 是 UX 的重要元素,是使用者初次打開 App 時看到的東西,要留下好的第一印象,機會就只有一次。一個有意義的空白狀態,可以讓使用者感到被歡迎,我們也可以藉著這個機會,教使用者如何使用 App。在這篇文章中,Peter 將會利用 SwiftUI,跟大家探究實作空白狀態的不同方法。 AppCoda 編輯團隊 Jan 26, 2022 4 分鐘閱讀時間
Swift Playgrounds 透過 Swift Playgrounds 4 直接在 iPad 構建一個文字轉語音 App 現在,有了 Swift Playgrounds 4,初學者沒有 Mac 都可以學習 Swift 和 SwiftUI 了。讓我們來看看 Swift Playgrounds 4,並試試在 iPad 上開發一個簡單的文字轉語音 (text-to-speech) App 吧。 Simon Ng Jan 12, 2022 8 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 的 matchedGeometry 構建一款九宮格遊戲! 對經驗豐富的 UIKit 程式設計師來說,使用 SwiftUI 時最困難的就是佈局。這個情況在 iOS 15 就不一樣了!在這篇文章中,Mark 會帶大家在 iOS 15 中使用 Swift,配合一些 UnitPoint 對齊方式等方法,來構建一款九宮格遊戲,來展示 matchedGeometry 的意義。 AppCoda 編輯團隊 Jan 5, 2022 8 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 在 iOS 15 建立一個重複播放的影片背景 直到目前為此,SwiftUI 還沒有一種直接的方法,讓我們製作影片背景 (video background) 或影片播放器 (video player)。在這篇文章中,Mirhat 會教大家利用 Apple 現有的 AVKit 和 AVFoundation,來用另一種比較麻煩的方法,建立重複播放的影片背景。 AppCoda 編輯團隊 Dec 29, 2021 5 分鐘閱讀時間
SwiftUI 框架 使用 WKWebView 簡單地在 SwiftUI 顯示 Web Page 很多 App 都需要顯示 web 內容,而 iOS SDK 就為開發者提供了幾個方法,其中一個就是 WKWebView。但是,現時 SwiftUI 的版本並沒有內置的 web 視圖,因此我們需要利用 UIKit 框架來實作。在這篇教學中,Simon 會帶大家一步步在 SwiftUI 專案中調用 WKWebView。 Simon Ng Nov 17, 2021 3 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 在 iOS 15 中構建一個簡單的繪畫 App 在開發 App 時,有一件事情是開發者一定要做的,就是繪製一些簡單圖形。我們可以利用 Paint 或 Preview 繪製這些簡單的圖形,這兩個都是很好的 App,但有時還是會有點不足。在這篇文章中,Mark 會帶大家利用 SwiftUI,在 iOS 15 中構建一個簡單的繪畫 App,來解決這個問題。 AppCoda 編輯團隊 Nov 10, 2021 6 分鐘閱讀時間
SwiftUI 框架 2 個 SwiftUI 的除錯 (Debugging) 好工具 快速發現 App 的問題 SwiftUI 提供了一個僅用於除錯 (debugging) 的好方法,讓我們區分是什麼改動讓視圖重新加載。這個方法是用來查找錯誤的。當我們看到視圖在重新調用 body 屬性 (property),卻又不知道原因的時候,這個方法就大派用場了。 AppCoda 編輯團隊 Oct 27, 2021 4 分鐘閱讀時間
SwiftUI 框架 在 iOS 15 中利用 SwiftUI Canvas 輕鬆繪製一個時鐘動畫 本篇原文(標題:Implementing SwiftUI Canvas in iOS 15)刊登於作者 Medium,由 Mark Lucking 所著,並授權翻譯及轉載。 和 UIKit 相比,SwiftUI 還是不夠完善。 AppCoda 編輯團隊 Oct 20, 2021 7 分鐘閱讀時間
動畫實作 利用 SwiftUI 一步步構建漂亮的彩色紙屑效果 Apple 的 SwiftUI 為開發者提供了一個輕巧易用的工具,來創建使用者界面。在這篇文章中,Sarah 會帶大家利用 SwiftUI 構建彩色紙屑效果,並詳細解釋不同設定和修飾符 (modifier) 的效果,讓你可以為 App 製作自己的彩色紙屑效果。 AppCoda 編輯團隊 Oct 13, 2021 5 分鐘閱讀時間
動畫實作 在 SwiftUI 中設置漸變動畫 (animated gradient) 的 3 個方法 最近有讀者提問:如何利用 SwiftUI 設置漸變動畫 (animated gradient)、或創建漸變背景動畫?SwiftUI 框架有許多內置組件,例如 LinearGradient 和 AngularGradient,讓開發者設置漸變效果。另外,SwiftUI 也有 .animation 修飾符 (modifier),讓開發者可以簡單地創建動畫。問題是,我們如何結合漸變組件和 .animation 修飾符來創建漸變動畫呢? Simon Ng Sep 29, 2021 6 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 的 @EnvironmentObject 輕鬆地在視圖之間傳遞數據! 本篇原文(標題:Passing Variables to Other Views Made Easy With @EnvironmentObject)刊登於作者 Medium,由 Tatenda Kabike 所著,並授權翻譯及轉載。 我們在大部分的手機 App AppCoda 編輯團隊 Sep 1, 2021 4 分鐘閱讀時間
SwiftUI 框架 在 iOS 15 中為 SwiftUI 按鈕設置樣式 大大節省開發時間 在 iOS 15 中,Apple 引入了一個新方法,來為 SwiftUI 和 UIKit 框架的 iOS App 客製化按鈕。這篇教學文章主要會介紹 SwiftUI 的新功能,如果你有興趣了解如何在 iOS 15 Simon Ng Aug 25, 2021 6 分鐘閱讀時間