iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

Swift iOS UIKit 初學者系列:從零開始開發互動式應用 系列

這個系列專為 Swift iOS UIKit 初學者設計,循序漸進地引導讀者掌握應用開發的核心技術。每篇文章都通過具體的應用範例,搭配 Storyboard 和程式碼講解,涵蓋從簡單的 UI 元件到 segue 和 delegate 等進階概念。

在系列的初期,我們將從零開始,無需撰寫程式碼,透過 Storyboard 建立一個互動式故事卡片應用。這些文章將讓初學者輕鬆理解 Storyboard 的基礎操作,並體驗在不編寫程式碼的情況下,如何完成一個簡單的互動應用。隨後的教學將逐步引入程式碼,讓讀者在實作過程中學習如何構建更複雜的 iOS 應用,從而逐步掌握 UIKit 的精髓。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day 01】運用 Label ,ImageView 與 Button 建立單張圖像故事頁面

導言 今天我們將從 Swift UIKit 的基礎開始,介紹如何使用 UILabel、UIImageView 和 UIButton 來製作一個簡單的互動應用。這...

2024-09-15 ‧ 由 Jason Hung 分享
DAY 2

【Day 02】Segue 與畫面切換功能 - 建立多重結局故事書

導言 昨天我們建立了一個單張的故事頁面,今天我們將進一步介紹如何使用 Storyboard 的 Segue 功能來實現畫面之間的跳轉,並設計一個簡單的多重結局應...

2024-09-16 ‧ 由 Jason Hung 分享
DAY 3

【Day 03】使用 Tab Bar Controller 實現 App 主功能列表 - 建立「關於頁」

導言 在前兩天的教學中,我們學習了如何透過 Storyboard 建立多重結局的故事應用,並透過 Segue 實現頁面之間的跳轉。今天,我們將進一步學習如何使用...

2024-09-17 ‧ 由 Jason Hung 分享
DAY 4

【Day 04】使用 Table View Controller 輕鬆設計書本選單 。

導言 在過去的幾天裡,我們學會了如何使用 Tab Bar Controller 創建應用的主功能列表,並透過 Storyboard 開發了一個多重結局的故事應用...

2024-09-18 ‧ 由 Jason Hung 分享
DAY 5

【Day 05】打造書本預覽頁:無需程式碼使用 Scroll View 實現圖片捲動

導言 昨天我們用 Table View Controller 實現了書本的選單瀏覽,今天我們將深入學習如何使用 Scroll View 來展示多張書本結局預覽圖...

2024-09-19 ‧ 由 Jason Hung 分享
DAY 6

【Day 06】Auto Layout 修練 - 1 - 雪地動物圖集:圖片比例與佈局設計

導言 在前幾天的教學中,我們完成了故事書應用程式的初步設計,然而你可能已經發現,當應用程式運行在不同尺寸的 iPhone 或 iPad 上時,介面可能會出現跑版...

2024-09-20 ‧ 由 Jason Hung 分享
DAY 7

【Day 07】Auto Layout 修練 - 2 - Content Hugging 與 Compression Resistance 的深入解析

導言 在上一篇的 Auto Layout 練習中,我們學會了如何使用 Auto Layout 來進行圖片的置中、對齊、以及比例設置。今天,我們將深入探討 Con...

2024-09-21 ‧ 由 Jason Hung 分享
DAY 8

【Day 08】Auto Layout 修練 - 3 - 適應各裝置的 Size Classes:直向橫向佈局的最佳實踐

導言 在前一天的教學中,我們深入了解了 Auto Layout 的 Content Hugging Priority 和 Content Compression...

2024-09-22 ‧ 由 Jason Hung 分享
DAY 9

【Day 09】深入探索 UILabel:靈活的文字顯示與互動效果

導言 在第一周,我們學會了如何使用 Storyboard 設計多重結局的互動應用,並透過 Auto Layout 讓 UI 在不同的裝置上能夠正確顯示。本週的焦...

2024-09-23 ‧ 由 Jason Hung 分享
DAY 10

【Day 10】用 addSubview 打造視覺豐富的故事卡片:圖片、文字與動態效果的完美結合

導言 在前一天我們深入探索了 UILabel 的各種設定,今天,我們將進一步擴展視覺設計的範疇。通過學習 addSubview 方法,你將學會如何將多個視圖(圖...

2024-09-24 ‧ 由 Jason Hung 分享