iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App! 系列

Leetcode 刷題怎麼這麼困難?!誰說學刷題一定要坐在電腦桌前死命地刷,利用 SwiftUI 做出一個連新手麻瓜都可以學習且帶著走的 Leetcode 知識學習 App,在通勤路上或是咖啡廳只要隨手點開 App,Leetcode 題目學習之旅就可以開始,簡單又方便。

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊SwiftUI 男孩
DAY 1

Day 1: 介紹30天挑戰 - 打造 LeetCode 演算法教學 App

前言 一直以來 LeetCode 刷題就是我的弱項,於是今年下定決心要把 LeetCode 刷題作為主力項目去推進,本來只是專注於刷題,但剛好有緣遇到一群一起學...

DAY 2

Day 2: 設定專案,建立基本的 SwiftUI 界面

看完上一篇簡單介紹後,我們開始建立我們初始 SwiftUI 專案,首先開啟我們的 IDE Xcode ,此刻的版本是 14.2。 Xcode 安裝 如果你還不知...

DAY 3

Day 3: 分析基本 SwiftUI 專案結構

今天來介紹 SwiftUI 基本的專案結構,如果寫過 iOS 的夥伴看到這篇應該是熟悉到不行,那麼此篇可以先跳過,不過因為我是從零學起,所以每個專案細節都不想放...

DAY 4

Day 4: 初探 SwiftUI 基本 UI 元件的使用

今天我們要進入 SwiftUI 的 UI 元件學習旅程了,UI 全名 User Interface 顧名思義在此篇文章意思就是提供使用者在手機上操作介面,看似簡...

DAY 5

Day 5: SwiftUI 的 Views 和 Modifiers 密不可分的關係

上一篇文章學習到了基礎的 SwiftUI 相關 UI 元件的知識,讓我們可以建造出簡單的 App 頁面,但是如果要呈現出市面上商業 App 漂亮的頁面,那肯定沒...

DAY 6

Day 6: 更新畫面 SwiftUI 使用 State 和 Binding 實踐

上一篇我們了解 View 跟 Modifier 的關係後,接下來就是要學習 SwiftUI 的 State 和 Binding 到底是什麼,其實在上一篇客製化...

DAY 7

Day 7: 學習如何使用 SwiftUI 的 Stack 來進行布局

前面我們學習了如何讓 SwiftUI 畫面可以動態更新,今天主要就是要學習多個 View 複合頁面的呈現,畢竟一個畫面不可能只有一個 View ,而是會由多個...

DAY 8

Day 8: SwiftUI 顯示 LeetCode 題目列表,使用 List 和 NavigationLink

今天可以說是正式踏入 LeetCode 的門口了,要開始製作 LeetCode 的題目列表,而 LeetCode 有上千題,要全部做完其實太費工且不切實際,本文...

DAY 9

Day 9: 串接 LeetCode 題目 API,顯示在 SwiftUI 的 List 上

昨天我們已經將 LeetCode 題目呈現在 SwiftUI 的 List 上了,而我們今天要挑戰的是,資料取得改從 Network API 請求去拿資料,並且...

DAY 10

Day 10: LeetCode 題目詳情頁面,使用 SwiftUI Text 和 ScrollView

有了昨天的串接 LeetCode 題目 API 於 List 列表後,今天我們要來製作點擊列表題目後,開啟新的頁面,顯示題目的詳細說明。 這個頁面會有主要幾個...