iOS
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 已經連上了網路，我們還是需要了解連線的類型（像是無線網路或行動網路）。沒有人會想在不知情的情況下，使用一個以行動網路讀取大量資料的 [...]
善用狀態機架構 大幅簡化 View Controller ！
我們常常會碰到一個 View Controller 要處理不同狀態的情況，比如說，它本身就提供了編輯與非編輯狀態。如果資料是從網路 API 抓回來的話，那可能要處理載入與錯誤狀態；如果資料缺乏內容的話，也許還要加上空白狀態。這些狀態每一個在處理的事情可能很簡單，但如果全部都丟給同一個 [...]
利用 SwiftUI 控件 讓你更彈性地設計專屬你的按鈕！
按鈕可以啟動 App 的特定動作，可以客製化背景，也可以加入標題或圖示。這個系統針對大部分使用狀況，提供了一些預先設計好的按鈕樣式。你也可以完全客製自己的按鈕。 － Apple 官方文件 我相信我不需要再解釋按鈕的用途，這是一個非常基本的 UI 控制元件，你在所有的 [...]
從零打造基本版 Combine 認識 Functional Reactive Programming
這篇文章可搭配投影片版閱讀。 Apple 平台的開發者社群對於 FRP (Functional Reactive Programming ，函數式反應式程式設計) 的接受，相對於網頁開發者來說算是晚的。即使有了 RxSwift、ReactiveSwift 等開源的 FRP 框架流行，FRP 似乎還是被社群視為是一個艱深難學、不適合一般人的概念。不過，這樣的觀感正在改變中。隨著 [...]
SwiftUI 小技巧：在 iOS 13 實作 Context Menu 加強與設備的互動！
較早之前，Apple 正式發佈了 iOS 13。當中除了深色模式 (Dark mode) 和其他新功能外，最新版本的 iOS 還展示了一種與設備互動的新方法，就是 Context Menu 。 Context Menu 功能與 3D Touch 中的 Peek & Pop 類似。兩者其中一個最大的分別，就是此功能可在所有運行 iOS 13 及以上版本的設備上使用，即使該設備不支持 [...]
利用 ARKit 偵測與追蹤臉部動作 建立絢麗的使用者體驗
去年 Apple 推出的新功能中，其中一個最創新的功能就是原深感測鏡頭 (True Depth Camera)。原深感測鏡頭對軟硬體工程師來說，支援了 FaceID 這個安全的面部識別系統；而對於開發者，原深感測鏡頭就開創了許多可能性，尤其是在基於臉部互動 (face-base interactions) 這方面。 [...]
利用 Swift 5.1 新功能實作 Fluent Interface 讓程式碼更易讀流暢！
最近，SwiftUI 正如火如荼地在全世界進行公開測試。如果你也有經意或不經意地接觸到 SwiftUI，那你可能會發現，它在設定 View 性質的語法上，跟我們以前學過的很不一樣。 一般在設定物件的時候，我們通常是這樣寫的： 但是在 SwiftUI 裡，我們卻得這樣寫： 差別很大對不對？先不要管句型的細節，光就排版的美感來說，後者不只比前者簡潔許多，它的縮排也很清楚地告訴讀者：後面三行都是第一行的子句，重點還是在第一行。反之，前者的每一行縮排都一樣，看不出重點，而且每一句還都得重複寫一次 [...]