iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 270 瀏覽

鐵人賽 Mobile Development DAY 10

SwiftUI 男孩系列第 10 篇

技術 Day 10 : SwiftUI List (上)

Photo by Katie McBroom on Unsplash UIKit UITableView → SwiftUI List Create a n...

MichaelFun ‧ 2023-09-25 ‧團隊SwiftUI 男孩

0 Like 0 留言 408 瀏覽

鐵人賽 Mobile Development DAY 10

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 10 篇

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

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

一杯溫奶茶 ‧ 2023-09-25 ‧團隊SwiftUI 男孩

0 Like 0 留言 408 瀏覽

鐵人賽 Mobile Development DAY 10

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 10 篇

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

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

一杯溫奶茶 ‧ 2023-09-25 ‧團隊SwiftUI 男孩

0 Like 0 留言 703 瀏覽

鐵人賽 Mobile Development DAY 25

SwiftUI 的大大小小系列第 25 篇

技術 Day 25 - 在 SwiftUI 中使用 Menu 建立下拉式選單

在 UIKit 有 UIMenu ，在 SwiftUI 就有個對應的東西叫做 Menu ，那今天就來用用看吧！ https://developer.app...

vc7 ‧ 2023-09-25

0 Like 0 留言 607 瀏覽

鐵人賽 Mobile Development DAY 24

SwiftUI 的大大小小系列第 24 篇

技術 Day 24 - SwiftUI 的 NavigationStack 與 path - 完結

前情提要 Day 22 - SwiftUI 的 NavigationStack 與 path - 1 Day 23 - 在 SwiftUI 中如何獲取...

vc7 ‧ 2023-09-24

0 Like 0 留言 414 瀏覽

鐵人賽 Mobile Development DAY 9

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 9 篇

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

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

一杯溫奶茶 ‧ 2023-09-24 ‧團隊SwiftUI 男孩

0 Like 0 留言 381 瀏覽

鐵人賽 Mobile Development DAY 23

SwiftUI 的大大小小系列第 23 篇

技術 Day 23 - 在 SwiftUI 中如何獲取和解析 Deep Link 並跳轉

前導這篇有用到的程式碼和觀念和 Day 22 的內容有關係，歡迎也去讀那一篇 Day 22 - SwiftUI 的 NavigationStack 與...

vc7 ‧ 2023-09-23

0 Like 0 留言 346 瀏覽

鐵人賽 Mobile Development DAY 8

SwiftUI 男孩系列第 8 篇

技術 Day 8 : Spacer 領域展開 🙏🏻

Photo by Isaac Viglione on Unsplash 回顧昨天的 code : 我們來換換 Circle 的背景顏色吧在 activit...

MichaelFun ‧ 2023-09-23 ‧團隊SwiftUI 男孩

0 Like 0 留言 325 瀏覽

鐵人賽 Mobile Development DAY 8

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 8 篇

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

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

一杯溫奶茶 ‧ 2023-09-23 ‧團隊SwiftUI 男孩

0 Like 0 留言 230 瀏覽

鐵人賽 Mobile Development DAY 22

SwiftUI 的大大小小系列第 22 篇

技術 Day 22 - SwiftUI 的 NavigationStack 與 path - 1

這個系列與 NavigationStack 將關的文章如下 Day 16 - 在 SwiftUI 實作基本的 NavigationStack Day...

vc7 ‧ 2023-09-22

0 Like 0 留言 321 瀏覽

鐵人賽 Mobile Development DAY 7

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 7 篇

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

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

一杯溫奶茶 ‧ 2023-09-22 ‧團隊SwiftUI 男孩

0 Like 0 留言 137 瀏覽

鐵人賽 Mobile Development DAY 20

依然無法成為釣魚大師也要努力摸魚！！辣個吃魚神器 APP 第二彈系列第 20 篇

技術【Day 20】相片五部曲之一：藉由 ImagePicker 選擇讀取相片來源

設計需要調整圖片來源介面功能說明：原本寫在去年的【Day 34】集郵冊：郵票打版，用幾個 Stack 裝載圖片和文字，不過裡面的資料實際上還是假資料，不...

二坪山小弱砲 ‧ 2023-09-21 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 200 瀏覽

鐵人賽 Mobile Development DAY 21

SwiftUI 的大大小小系列第 21 篇

技術 Day 21 - 在 SwiftUI 中使用 navigationDestination 封裝開啟畫面

在前面這兩天有聊到 NavigationStack 和 NavigationLink 。NavigationStack 可以創建出 UINavigationC...

vc7 ‧ 2023-09-21

0 Like 0 留言 327 瀏覽

鐵人賽 Mobile Development DAY 6

SwiftUI 男孩系列第 6 篇

技術 Day 6: 向 leading 遊·向 trailing 遊

Photo by Casey Horner on Unsplash 回顧昨天的 code : “奮泳向前”標題單調了，玩點前面教的變化好了用 HStack...

MichaelFun ‧ 2023-09-21 ‧團隊SwiftUI 男孩

0 Like 0 留言 299 瀏覽

鐵人賽 Mobile Development DAY 6

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 6 篇

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

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

一杯溫奶茶 ‧ 2023-09-21 ‧團隊SwiftUI 男孩

0 Like 0 留言 200 瀏覽

鐵人賽 Mobile Development DAY 20

SwiftUI 的大大小小系列第 20 篇

技術 Day 20 - SwiftUI 中的 NavigationStack 使用 NavigationLink 與 dismiss

首先，在 UIKit 中，我們通常使用 UINavigationController 來包裹一個 rootViewController ，在從 view co...

vc7 ‧ 2023-09-20

0 Like 0 留言 358 瀏覽

鐵人賽 Mobile Development DAY 5

SwiftUI 男孩系列第 5 篇

技術 Day 5: SwiftUI 奮泳向前刻 UI

Photo by James Pere on Unsplash 在 Assets 資料夾下，放 ArtisticSwimming, Backstroke, B...

MichaelFun ‧ 2023-09-20 ‧團隊SwiftUI 男孩

0 Like 0 留言 170 瀏覽

鐵人賽 Mobile Development DAY 5

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 5 篇

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

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

一杯溫奶茶 ‧ 2023-09-20 ‧團隊SwiftUI 男孩

0 Like 0 留言 213 瀏覽

鐵人賽 Mobile Development DAY 19

SwiftUI 的大大小小系列第 19 篇

技術 Day 19 - 用 SwiftUI 的 repeatForever 做出持續進行的動畫

repeatForever 官方文件 https://developer.apple.com/documentation/swiftui/animatio...

vc7 ‧ 2023-09-19

0 Like 0 留言 436 瀏覽

鐵人賽 Mobile Development DAY 4

SwiftUI 男孩系列第 4 篇

技術 Day 4: SwiftUI 全新的布局系統

Photo by Casey Horner on Unsplash try try body 裡的 code 改成如下 var body: some Vie...

MichaelFun ‧ 2023-09-19 ‧團隊SwiftUI 男孩

0 Like 0 留言 315 瀏覽

鐵人賽 Mobile Development DAY 4

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 4 篇

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

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

一杯溫奶茶 ‧ 2023-09-19 ‧團隊SwiftUI 男孩

0 Like 0 留言 265 瀏覽

鐵人賽 Mobile Development DAY 18

SwiftUI 的大大小小系列第 18 篇

技術 Day 18 - 在 SwiftUI 使用 @ViewBuilder 之 2

前言在上一回，我們嘗試了怎麼透過 @ViewBuilder 來作為參數傳入一個 view 。那今天我們要用這個來解決另外一個問題。在一些畫面中，我們需要根...

vc7 ‧ 2023-09-18

0 Like 0 留言 368 瀏覽

鐵人賽 Mobile Development DAY 3

SwiftUI 男孩系列第 3 篇

技術 Day 3：SwiftUI 初探

Photo by Tobias Keller on Unsplash SwiftUI 這就是 SwiftUI 的開發介面，右邊是 canvas 介面，改左邊的...

MichaelFun ‧ 2023-09-18 ‧團隊SwiftUI 男孩

0 Like 0 留言 340 瀏覽

鐵人賽 Mobile Development DAY 3

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 3 篇

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

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

一杯溫奶茶 ‧ 2023-09-18 ‧團隊SwiftUI 男孩

0 Like 0 留言 319 瀏覽

鐵人賽 Mobile Development DAY 7

在 iOS 專案上加上 Unit testing - 因為 You need testing 系列第 7 篇

技術 D7 - 在 iOS 專案加上測試-You need testing {從後端回來的 json 開始寫測試 part 3}

前一天我們測了 array 的數量，測試的 json 轉成 User (事實上是 [UserElement])，並確定 array 的 count 數是 3 個...

Marvin ‧ 2023-09-18

0 Like 0 留言 145 瀏覽

鐵人賽 Mobile Development DAY 17

SwiftUI 的大大小小系列第 17 篇

技術 Day 17 - 在 SwiftUI 使用 @ViewBuilder

前言在做固定格式的 UI 時，例如有一個 title ，內容會有不同形式的內容，例如：表單欄位表單 label 樣式固定，表單內容可能是不同種類的...

vc7 ‧ 2023-09-17

0 Like 0 留言 316 瀏覽

鐵人賽 Mobile Development DAY 2

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 2 篇

技術 Day 2: 設定專案，建立基本的 SwiftUI 界面

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

一杯溫奶茶 ‧ 2023-09-17 ‧團隊SwiftUI 男孩

0 Like 0 留言 190 瀏覽

鐵人賽 Mobile Development DAY 16

SwiftUI 的大大小小系列第 16 篇

技術 Day 16 - 在 SwiftUI 實作基本的 NavigationStack

前一篇第 15 天是提到「TabView」，雖然本系列文章基本上沒有前後關聯，如果你是還沒讀過前一篇的讀者，也推薦你去讀讀。前言在 UIKit 的時候，我...

vc7 ‧ 2023-09-16

0 Like 0 留言 532 瀏覽

鐵人賽 Mobile Development DAY 1

用 SwiftUI 魔法變出 Leetcode 刷題知識學習 App！系列第 1 篇

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

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

一杯溫奶茶 ‧ 2023-09-16 ‧團隊SwiftUI 男孩

0 Like 0 留言 445 瀏覽

鐵人賽 Mobile Development DAY 15

SwiftUI 的大大小小系列第 15 篇

技術 Day 15 - 在 SwiftUI 中建立 TabView

前一篇第 14 天是提到「Scroll View」，雖然本系列文章基本上沒有前後關聯，如果你是還沒讀過前一篇的讀者，也推薦你去讀讀。前言在 UIKit 中...

vc7 ‧ 2023-09-15

技術 Day 10 : SwiftUI List (上)

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

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

技術 Day 25 - 在 SwiftUI 中使用 Menu 建立下拉式選單

技術 Day 24 - SwiftUI 的 NavigationStack 與 path - 完結

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

技術 Day 23 - 在 SwiftUI 中如何獲取和解析 Deep Link 並跳轉

技術 Day 8 : Spacer 領域展開 🙏🏻

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

技術 Day 22 - SwiftUI 的 NavigationStack 與 path - 1

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

技術 【Day 20】 相片五部曲之一： 藉由 ImagePicker 選擇讀取相片來源

技術 Day 21 - 在 SwiftUI 中使用 navigationDestination 封裝開啟畫面

技術 Day 6: 向 leading 遊·向 trailing 遊

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

技術 Day 20 - SwiftUI 中的 NavigationStack 使用 NavigationLink 與 dismiss

技術 Day 5: SwiftUI 奮泳向前刻 UI

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

技術 Day 19 - 用 SwiftUI 的 repeatForever 做出持續進行的動畫

技術 Day 4: SwiftUI 全新的布局系統

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

技術 Day 18 - 在 SwiftUI 使用 @ViewBuilder 之 2

技術 Day 3：SwiftUI 初探

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

技術 D7 - 在 iOS 專案加上測試-You need testing {從後端回來的 json 開始寫測試 part 3}

技術 Day 17 - 在 SwiftUI 使用 @ViewBuilder

技術 Day 2: 設定專案，建立基本的 SwiftUI 界面

技術 Day 16 - 在 SwiftUI 實作基本的 NavigationStack

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

技術 Day 15 - 在 SwiftUI 中建立 TabView

標記使用者

技術【Day 20】相片五部曲之一：藉由 ImagePicker 選擇讀取相片來源