xcode
ViewController 轉場進階指南：進一步創建絢麗的轉場動畫
今天，我們會客製由一個視圖控制器 (ViewController) 轉場到另一個的轉場動畫。 為什麼會想要寫這個主題呢？過去，我花了很多時間去了解視圖控制器之間的轉換。遺憾的是，目前線上鮮有能簡單說明視圖控制器動畫轉場的教程。 因此，我決定寫幾篇文章，教大家用最簡單的方法，創建令人驚艷的轉場動畫。而這篇文章會比前一篇更進階。 [...]
ViewController 轉場初階指南：簡單打造酷炫的轉場動畫
今天，我們會客製由一個視圖控制器 (ViewController) 轉場到另一個的轉場動畫。 為什麼會想要寫這個主題呢？過去，我花了很多時間去了解視圖控制器之間的轉換。遺憾的是，目前線上鮮有能簡單說明視圖控制器動畫轉場的教程。 因此，我決定寫幾篇文章，教大家用最簡單的方法，創建令人驚艷的轉場動畫。 [...]
詳解 Swift 各種 Type Polymorphism 找出最適合的實作方式！
Polymorphism （多型）是程式設計的基本概念之一，指同一個介面的背後可以有不同的實作。比如說在 UIKit 裡面的 UIImage，它的底層實作可能是 Core Image，也可能是 Core Graphics，但我們在 call site 通常不需要在意這些。另一個例子是 Swift 的 String，它的底層可能是 Swift [...]
利用 CocoaPods 及 GitHub 一步步創建可重用的函式庫！
歡迎回到我們的教學系列文章！在上一篇教學文章中，你學到了如何使用 Network 框架來偵測及監控網路狀態。看來這個框架在 NetStatus 類別中運行得相當不錯，所以讓我們更進一步，來創建一個基於 NetStatus 類別的小型、開源框架吧！在本篇教學中，我們將透過 [...]
Compositional Layout 詳解 讓你簡單操作 CollectionView！
隨著手機 App 介面和硬體的不斷進化，現在 App 介面的複雜度已經跟以往不能同日而語了。以前的 UI 可能就是一個簡單的 TabelView，把所有資訊都一視同仁地列出來，上面也不太會有甚麼複雜的互動，就程式的撰寫上，一個或兩個 UICollectionView 就有辦法滿足大部份的需求。還記得很久以前的 [...]
SwiftUI 小技巧：利用 Stack 簡單構建彈性的卡片視圖
歡迎閱讀 SwiftUI 小技巧系列教程！在這篇文章中，我們將實作一個常見的手機 UI 設計 —— Card UI。SwiftUI 框架讓我們輕易構建 App UI，我們會在文章中展示這一點。你將會看到我們可以使用堆疊 (stack)、圖像、和文本視圖，來像這樣創建卡片視圖 (card view)。 請注意，本篇教程需要你在 [...]
SwiftUI & PromiseKit：讓 Alert 樣式統一又可復用 打破彈出視窗的惡夢
開發 iOS 的過程中，常常會有彈出 Alert 讓使用者選擇的需求，又需要知道使用者選擇了哪一個，卻遇到各種彈出都要一直callback callback 嗎？每次選項都很難掌握，多個選項還要自行客製化，也很難復用，只能一個畫面刻一個？ 在本篇教學文章中，我們會了解到幾個要點並實作： [...]
利用 Network Framework 輕易監控網路狀態變化
大家好，歡迎閱讀本次教學。毫無疑問，所有與伺服器交換資料的 App，都需要知道一件事情：它們是否已連接到網路。當處於離線時，我們通常需要更改使用者體驗，並更新使用者介面，以反映出 App 無法執行網路操作。此外，即使 App 已經連上了網路，我們還是需要了解連線的類型（像是無線網路或行動網路）。沒有人會想在不知情的情況下，使用一個以行動網路讀取大量資料的 [...]
利用 Swift 5.1 新功能實作 Fluent Interface 讓程式碼更易讀流暢！
最近，SwiftUI 正如火如荼地在全世界進行公開測試。如果你也有經意或不經意地接觸到 SwiftUI，那你可能會發現，它在設定 View 性質的語法上，跟我們以前學過的很不一樣。 一般在設定物件的時候，我們通常是這樣寫的： 但是在 SwiftUI 裡，我們卻得這樣寫： 差別很大對不對？先不要管句型的細節，光就排版的美感來說，後者不只比前者簡潔許多，它的縮排也很清楚地告訴讀者：後面三行都是第一行的子句，重點還是在第一行。反之，前者的每一行縮排都一樣，看不出重點，而且每一句還都得重複寫一次 [...]
SwiftUI 小技巧：利用 border 修飾符 輕鬆為按鈕或文本繪製邊框
有了 SwiftUI ，我們就可以使用 border 修飾符，輕鬆在按鈕 (button) 或文本 (text) 外圍繪製邊框，而且這方法更適用於所有視圖！比如說，你想要創建一個這樣的按鈕： 我們可以在按鈕物件上應用 border 修飾符，來創建有顏色邊框的按鈕： 但是，如果你的設計師想你創建一個像這樣的圓角邊框按鈕，你可以怎樣做呢？ [...]