SwiftUI 框架 SwiftUI 小技巧:透過 PreferenceKey 簡單對齊視圖 SwiftUI 優點多不勝數,但當中你可能錯過了一個很聰明的工具 ── Preferences,尤其是 PreferenceKey 協定。我會透過一個簡單的例子,向大家介紹如何利用 PreferenceKey 對齊視圖。 AppCoda 編輯團隊 Feb 12, 2020 5 分鐘閱讀時間
iOS App 程式開發 利用 SwiftUI 元件 大幅簡化 TabView 的管理流程! 本篇原文(標題:How To Build Tab and Split Views in SwiftUI )刊登於作者 Medium,由 Keith Lander 所著,並授權翻譯及轉載。 像 Wikipedia AppCoda 編輯團隊 Jan 29, 2020 6 分鐘閱讀時間
SwiftUI 框架 SwiftUI 教學:如何建立星際大戰透視文字(Perspective Text) SwiftUI 框架已正式推出了大約五個月。 如果您仍未試用這個新框架,跟著本文一一步一步做就可以創建你第一個 SwiftUI 程式。本教學將告訴你如何以 Text 來呈現資訊。你將會學到如何運用不同顏色、字體、背景與旋轉效果來自訂文字。 Simon Ng Jan 21, 2020 11 分鐘閱讀時間
iOS App 程式開發 Compositional Layout 詳解 讓你簡單操作 CollectionView! 隨著手機 App 介面和硬體不斷進化,App 介面的已經越來越複雜。此文會簡單地介紹 Compositional Layout ,讓操作 CollectionView 變得更加容易,一步一步帶你建構屬於自己的 CollectionView。 Huang ShihTing Nov 13, 2019 30 分鐘閱讀時間
iOS App 程式開發 SwiftUI 小技巧:利用 Stack 簡單構建彈性的卡片視圖 SwiftUI 框架讓我們輕易構建 App UI。在這篇文章中,你將實作一個常見的手機 UI 設計 —— Card UI。透過使用堆疊 (HStack 和 VStack)、圖像、和文本視圖,來創建一個能夠接受不同圖片與文字的彈性卡片視圖 (card view)。 Simon Ng Nov 6, 2019 8 分鐘閱讀時間
iOS App 程式開發 利用 SwiftUI 控件 讓你更彈性地設計專屬你的按鈕! 按鈕是一個非常基本的 UI 控制元件,你在所有 App 中都可以看到它的蹤影。按鈕可以處理使用者的觸控動作,以觸發一些動作。此文詳細介紹 SwiftUI 控件,彈性又輕鬆地設計專屬你的按鈕,讓你感愛 SwiftUI 的威力之處。 Simon Ng Oct 9, 2019 17 分鐘閱讀時間
iOS App 程式開發 從零打造基本版 Combine 認識 Functional Reactive Programming 隨著 Apple 在 WWDC 2019 推出了官方的 Functional Reactive Programming 框架 Combine,FRP 可以說是大勢所趨。此文將帶大家打造一個基本版的類 Combine 框架,讓你一步一步了解 FRP 的基本概念。 Hsu Li-Heng Oct 2, 2019 18 分鐘閱讀時間
iOS App 程式開發 SwiftUI 小技巧:在 iOS 13 實作 Context Menu 加強與設備的互動! 較早之前,Apple 正式發佈了 iOS 13。當中除了深色模式 (Dark mode) 和其他新功能外,最新版本的 iOS 還展示了一種與設備互動的新方法,就是 Context Menu 。 Context Menu 功能與 3D Touch Simon Ng Sep 25, 2019 6 分鐘閱讀時間
iOS App 程式開發 利用 Swift 5.1 新功能實作 Fluent Interface 讓程式碼更易讀流暢! 最近,SwiftUI 正如火如荼地在全世界進行公開測試。如果你也有經意或不經意地接觸到 SwiftUI,那你可能會發現,它在設定 View 性質的語法上,跟我們以前學過的很不一樣。 一般在設定物件的時候,我們通常是這樣寫的: let imageView = UIImageView(image: myImage) imageView.frame = CGRect( Hsu Li-Heng Sep 11, 2019 10 分鐘閱讀時間
iOS App 程式開發 SwiftUI 小技巧:利用 border 修飾符 輕鬆為按鈕或文本繪製邊框 有了 SwiftUI ,我們就可以使用 border 修飾符,輕鬆在按鈕 (button) 或文本 (text) 外圍繪製邊框,而且這方法更適用於所有視圖!比如說,你想要創建一個這樣的按鈕: 編註:本教程使用 Xcode 11 beta 6 作測試。 Simon Ng Sep 4, 2019 3 分鐘閱讀時間
iOS App 程式開發 利用 Xcode 11 的預覽功能 輕鬆測試 App 在 Dark Mode 下的表現 前一陣子,Apple 公開了 iOS 13 第一個測試版本。對一般使用者而言,這個新版本最大的亮點一定是深色模式 (Dark mode)。在設定內滑動開啟此功能後,iOS 就會讓一切變成深色系模式。在深色模式下,電話操作系統會自動為系統內所有的 Apps 和螢幕套用深色主題。一些 Apple 內建的 Simon Ng Jul 17, 2019 6 分鐘閱讀時間
iOS App 程式開發 利用 SwiftUI 建立表單 UI 體驗更互動的開發過程! 對一些開發者來說,SwiftUI 的宣告式語法可能還有點陌生;但一旦掌握好這種語法,你就會喜歡上用它來撰寫 UI 程式碼了。結合新的預覽功能,你可以撰寫程式碼,並即時預覽視覺上的變化,讓整體開發體驗變得更快、更有互動性。 Simon Ng Jul 3, 2019 14 分鐘閱讀時間