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 分鐘閱讀時間
Auto Layout Swift DSL 實作:利用 Swift UI 寫出簡單又明瞭的 Auto Layout DSL 今年可以說是 Swift DSL 元年,建造者函數 (Builder functions) 與 SwiftUI 讓開發者們看到在 Swift 內設計內嵌 DSL 的各種可能性。雖然這樣說,但 Swift 一直以來都提供了許多 DSL 實作的功能, Hsu Li-Heng Jun 26, 2019 9 分鐘閱讀時間
iOS App 程式開發 SwiftUI 初體驗: 建構一個簡單 App 讓你了解 SwiftUI 有多強大! 在今年 WWDC 2019 大會之中,最令人振奮的主題演講莫過於開發者工具的改善,而其中最大而最棒的消息就是 SwiftUI 的發佈。SwiftUI 是一個全新的框架,讓你用更少程式碼、並以宣告的方式,來設計及開發使用者介面。 SwiftUI 與 UIKit 不同,UIKit 通常要配合 storyboards Sai Kambampati Jun 17, 2019 22 分鐘閱讀時間