程式設計教學

Figma 教學:讓技術開發人員都能輕鬆實作畫面設計

全端開發者是否應該具備 UI/UX 設計的技能呢?這是十分有爭議性的問題,畢竟全端開發者技能沒有明確的定義。不過無可否認的是,在整個開發週期當中,UI/UX 設計是非常關鍵的一部分。幸好,UI/UX 設計工具加速了畫面設計 (Screen design) 的開發速度,並縮短了設計審查的時間,讓生產力大大提升。 身為一個技術開發人員,我渴望能夠探索 [...]



iOS

SwiftUI 小技巧:透過 PreferenceKey 簡單對齊視圖

假設你有一個包含三個 TextField 的簡單視圖,並且編寫了下列程式碼: 運行時,你希望會看到這樣的畫面: 但是,你記得自己閱讀過有關 Spacer() 的內容,因此嘗試將其添加到 Text 和 TextField 物件之間。 你猜怎麼了?甚麼都沒有改變。 所以你開始在網路上尋找解決方案,但甚麼都沒有用。然後,一個朋友問你有否看過 [...]


iOS

利用 SwiftUI 元件 大幅簡化 TabView 的管理流程!

像 Wikipedia 和 Facebook 這樣多模式 App,會使用 TabBar 介面來讓使用者從不同操作模式中切換,例如 Wikipedia 上有 History、Places、Saved、Search 四個 Tab。一般來說,我們會將 TabBar 與 UITabBarController 物件結合使用,但也可以在 App 中將它們用作獨立控件。TabBar 總是出現在螢幕最底部,並顯示一個或多個 [...]



iOS

利用尺寸類別 (Size Classes) 建構自適應佈局 靈活為不同螢幕尺寸做開發

以前,建構用於 iOS 的使用者介面非常容易,因為只有一種 iPhone 尺寸。但隨著時代的演進,我們現在會遇到許多不同 iPhone 的螢幕尺寸以及方向。 試想像一下,當我們要把在佈局顯示於不同尺寸的螢幕上,要如何對佈局進行調整? 為了達到這個目的,我們必須針對每個視圖元素,開發各自的條件 [...]






iOS

iOS App 介面設計教學:如何制作表格和集合視圖的組合介面

在 iPhone 和 iPad 的很多 app 裏面,我們都會看到許多用表格視圖和集合視圖制作起來的介面,大部分應該是表格視圖和集合視圖的組合介面。比如我們在 app store 裏面的遊戲欄或者 App 欄裏面會看到由表格視圖和集合視圖組合而成的漂亮介面。 又或者,你也會在快捷指令中心、Medium [...]


iOS

UI 設計求職攻略:現職 UI 設計師經驗分享 解答新手的常見問題

前言 這幾年由於網路、科技的蓬勃發展,UI 設計師這個職位真的越來越熱門了,各種不同類型的產業(甚至傳產要轉型)都需要相關人才的投入;但偏偏目前學校傳授這門領域的科系並不多,在科技快速迭代與變化的今天,學校所學的知識與觀念常常和業界的需求有所落差,許多剛畢業或是想轉行的朋友對於真實的產業運作一知半解,也不清楚該如何開始。因此今天整理了幾個常被問到、關於 [...]


iOS

《iOS 10 App程式設計進階攻略:39個必學的開發技巧》正式推出


iOS

Lottie初學者教學指南:如何在iOS App設計一個令人驚豔的動畫


Swift

精通Swift:列舉、閉包、泛型、Protocols和高階函數


iOS

iOS 9 新功能 : 堆疊視圖介紹 (Stack Views)


Swift

Swift 2 初學者指南


iOS

Swift 教學:如何使用iOS Charts API 製作漂亮的圖表


iOS

以Parse與Swift建構一個像Instagram一樣的App


iOS

建立一個像Medium App的下滑選單


iOS

如何用Swift建立視圖控制器畫面之間的動畫過場