iOS
SwiftUI 教學：認識手勢 (Gestures) 和 @GestureState
如果你曾試過使用 SwiftUI 框架，你可能已對手勢操作有初步認識。最常見的，就是用 onTapGesture 修飾器來處理使用者的觸控並做出相對的回應。此教學，我們將會深入來看如何在 SwiftUI 中處理不同的手勢。 這個框架提供幾個內建手勢，像是之前用過的點按 (tap) [...]
簡單解決 Xcode 11.3 的 Bug：無法把間距約束設為零？
如果你已經把 Xcode 升級到 11.3 版本，你會發現當你使用 Interface Builder 創建 App UI 時，無法將間距約束條件 (spacing constraints) 的值設置為零。你可以打開 Interface Builder，然後點擊 “Add new constraints” 來試試看，將其中一個約束條件設置為 0 後，它卻自動將其恢復為 [...]
SwiftUI 小技巧：透過 PreferenceKey 簡單對齊視圖
假設你有一個包含三個 TextField 的簡單視圖，並且編寫了下列程式碼： 運行時，你希望會看到這樣的畫面： 但是，你記得自己閱讀過有關 Spacer() 的內容，因此嘗試將其添加到 Text 和 TextField 物件之間。 你猜怎麼了？甚麼都沒有改變。 所以你開始在網路上尋找解決方案，但甚麼都沒有用。然後，一個朋友問你有否看過 [...]
善用 Static Factory Method 重構程式碼 讓它更流暢好讀！
在使用一個物件之前，我們經常會需要對其進行設定。比如說，使用一個 UIView 之前，有時我們會需要指定它的背景色彩等屬性： 這些設定程式碼跟其它的邏輯程式碼是相當不同的存在。它們往往只跟被設定的那個物件有關，像這裡就是只跟 view 有關，跟 ViewController [...]
利用 SwiftUI 元件 大幅簡化 TabView 的管理流程！
像 Wikipedia 和 Facebook 這樣多模式 App，會使用 TabBar 介面來讓使用者從不同操作模式中切換，例如 Wikipedia 上有 History、Places、Saved、Search 四個 Tab。一般來說，我們會將 TabBar 與 UITabBarController 物件結合使用，但也可以在 App 中將它們用作獨立控件。TabBar 總是出現在螢幕最底部，並顯示一個或多個 [...]
SwiftUI 教學：如何建立星際大戰透視文字（Perspective Text）
如果你之前有使用過 UIKit，SwiftUI 的 Text 控制與 UIKit 中的 UILabel 非常相似。這是一個能夠顯示一 行或多行文字的視圖。這個 Text 控制無法編輯，不過對於在螢幕上呈現唯讀的資訊非常好用。舉例來說，你想要在畫面上呈現一個訊息，你可以使用 Text 來實作。 [...]
利用尺寸類別 (Size Classes) 建構自適應佈局 靈活為不同螢幕尺寸做開發
以前，建構用於 iOS 的使用者介面非常容易，因為只有一種 iPhone 尺寸。但隨著時代的演進，我們現在會遇到許多不同 iPhone 的螢幕尺寸以及方向。 試想像一下，當我們要把在佈局顯示於不同尺寸的螢幕上，要如何對佈局進行調整？ 為了達到這個目的，我們必須針對每個視圖元素，開發各自的條件 [...]
在 Google Maps 上繪製曲線 (Curved Lines) 風格新穎又省錢！
你知道嗎？當你在 Google Maps 使用 Google Directions APIs 繪製從位置 A 到位置 B 的路線時，費用非常高昂。 目前有些公司將真實路線轉換為像 Uber 那樣的直線，或者像 Deliveree 那樣的曲線。 因此，我認為本篇文章對以下讀者有所幫助： 想要畫出新風格的路線 不想付錢到 [...]
實作客製化 Apple Shortcuts 圖示系統 打造出色的使用者體驗
簡介 在本篇教學中，我將會分享如何創造一個在許多 App 中常見的圖示創建系統。我相當喜歡 Apple 的捷徑 (Shortcuts) App，所以一直都很想瞭解他們是如何創造這些東西，讓使用者可以為一個列表客製化圖示，而不是單純地選取一個已經完成的圖示。 當然，我已經先上網找了許多文章，但都沒有獲得任何相關資訊。所以，我決定自己動手做！ [...]
用 Swift 實作 Smalltalk MVC 大幅減少資料流的複雜度！
在 Apple 開發圈，我們都很熟悉所謂的 MVC 設計模式：把整個程式裡的物件分成 Model、View 與 Controller 三種不同的角色，讓它們分別負責解決不同的問題。Model 物件專責資料的封裝與相關的基礎行為，View 物件代表使用者看得到的介面元件，而 Controller 物件負責把 [...]