動畫實作 透過 SwiftUI 實作一個新擬物化風格的切換按鈕動畫 開發者都很喜歡使用 SwiftUI 框架進行編程,因為它可以讓我們輕鬆為視圖變化設置動畫。在這篇文章中,Sarah 會帶大家在 SwiftUI 中,實作一個客製化新擬物風格切換按鈕,並為切換視圖製作動畫。 AppCoda 編輯團隊 Mar 16, 2022 6 分鐘閱讀時間
動畫實作 利用 SwiftUI 構建一個像 Instagram 直播的按讚按鈕動畫 Apple 的 SwiftUI 為開發者提供了一個輕巧易用的工具,來創建使用者界面。在這篇教學文章中,Sarah 會帶大家在 SwiftUI 使用 GeometryEffect 和 ViewModifier,一步步製作出一個類似 Instagram 直播的按讚按鈕動畫! AppCoda 編輯團隊 Mar 9, 2022 4 分鐘閱讀時間
SwiftUI 框架 在 SwiftUI App 中構建多個 Theme 一鍵簡單套用不同的 Theme 在這篇教學文章中,Pavlos 會利用一個只有一個 Text 的範例 App,帶大家為 SwiftUI App 建立多個 theme,讓 App 根據不同的 Theme 更改顏色和文本。快來一起動手實作,為你的 App 客製化自己的 Theme 吧! AppCoda 編輯團隊 Mar 2, 2022 3 分鐘閱讀時間
SwiftUI 框架 利用 SwiftUI 實作一個 Flexible Picker 來篩選結果! 在 UIKit 實作篩選器 (filter) 來篩選結果時,我會實作有特定 UICollectionViewFlowLayout 的 UICollectionView。那如果在 SwiftUI,又應該如何實作呢?在這篇文章中,Jędrzej 會帶大家在 SwiftUI 實作一個 Flexible Picker! AppCoda 編輯團隊 Feb 23, 2022 8 分鐘閱讀時間
SwiftUI 框架 在 SwiftUI 處理 ScrollView:簡單以編程方式滾動到特定行列 在 SwiftUI 中,即使是執行簡單的任務時,處理 ScrollView 的步驟都可以變得十分繁瑣;更令人沮喪的是,同一個情況在 UIKit 明明就非常簡單。在這篇文章中,Alessandro 會帶大家實作一個簡單的範例 App,只需要 30 多行程式碼,就可以以編程方式滾動列表,到我們所需要的行列了。 AppCoda 編輯團隊 Feb 16, 2022 4 分鐘閱讀時間
SwiftUI 框架 為 UIKit 視圖構建 SwiftUI PreviewProvider 實時預覽 UI 的更改! 在 SwiftUI 設計時,我們隨時都可以在 PreviewProvider 查看更改。但在 UIKit 視圖,我們就每次都需要重新編譯和構建專案,才能在模擬器中看到結果。在這篇文章中,Emad 會教大家在 UIKit 構建 SwiftUI 的 PreviewProvider,讓我們可以在 UIKit 實時預覽更改! AppCoda 編輯團隊 Feb 9, 2022 5 分鐘閱讀時間
SwiftUI 框架 SwiftUI 小技巧:在 ScrollView 實時計算 Scroll 偏移值 在 UIKit 中,每個 UIScrollView 都有一個屬性,讓我們可以容易地讀取視圖本身的偏移值 (offset)。遺憾的是,SwiftUI 到目前為止還是缺少了這個簡單的屬性。在這篇文章中,Alessandro 會帶大家實作一個非常簡單的 UI,來顯示實時顯示 ScrollView 偏移值。 AppCoda 編輯團隊 Feb 4, 2022 5 分鐘閱讀時間
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 分鐘閱讀時間