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

0 Like 0 留言 645 瀏覽

鐵人賽 Mobile Development DAY 15

SwiftUI 男孩系列第 15 篇

技術 Day 15: SwiftUI TabView (上)

Photo by Roell de Ram on Unsplash 客串演出：東堂葵跟我一起大聲唸下面咒文 TabView or Tab bars is...

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

0 Like 0 留言 1353 瀏覽

鐵人賽 Mobile Development DAY 30

SwiftUI 的大大小小系列第 30 篇

技術 Day 30 - 在 SwiftUI 中 DatePicker 的基本用法

和 UIKit 提供的 UIDatePicker 不一樣，SwiftUI 的 DatePicker 看起來功能多很多。那今天就來看一些 DatePicker...

vc7 ‧ 2023-09-30

0 Like 0 留言 484 瀏覽

鐵人賽 Mobile Development DAY 15

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

技術 Day 15: SwiftUI 展示「Two Pointers」題目，利用動畫 withAnimation 播放

看完上一篇介紹，我們學習到 Two pointers 是 LeetCode 解題的重要關鍵，如果學會了，很多題目都可以迎刃而解，而我們今天要利用 SwiftUI...

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

0 Like 0 留言 519 瀏覽

鐵人賽 Mobile Development DAY 29

SwiftUI 的大大小小系列第 29 篇

技術 Day 29 - 在 SwiftUI 中使用 alert

在 iOS 15 之後，要顯示警告只需要透過 modifier 就能夠顯示：新增一個 alert 顯示狀態的變數加上 alert 需要按鈕，就只要在 a...

vc7 ‧ 2023-09-29

1 Like 0 留言 1253 瀏覽

技術 [SwiftUI] 讓開發的 Mac App 擁有自動更新的功能 - Sparkle

Sparkle Sparkle 套件是最常見的 Mac App 檢查更新方案本章介紹如何安裝並使用 Sparkle 1. 加入 Sparkle 套件首先在...

Yanun ‧ 2023-11-04

0 Like 0 留言 754 瀏覽

鐵人賽 Mobile Development DAY 28

SwiftUI 的大大小小系列第 28 篇

技術 Day 28 - 在 SwiftUI 實作客製化 ToggleStyle

Day 27 - 在 SwiftUI 中使用 Toggle 前一天在第 27 天提到如何用 Toggle 並使用 .button 風格，但是我們發現了...

vc7 ‧ 2023-09-28

0 Like 0 留言 991 瀏覽

鐵人賽 Mobile Development DAY 27

SwiftUI 的大大小小系列第 27 篇

技術 Day 27 - 在 SwiftUI 中使用 Toggle

在 UIKit 中的 UISwitch ，在 Swift 就是 Toggle 了。而 Toggle 有 UISwitch 所沒有的功能，那今天就來分享基本的使...

vc7 ‧ 2023-09-27

0 Like 0 留言 542 瀏覽

鐵人賽 Mobile Development DAY 13

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

技術 Day 13: SwiftUI 展示『陣列與字串』題目及解說

當然只介紹資料結構是不夠的，網路上資料到處都是，而本系列要融入 SwiftUI 去呈現這些知識，這次的概念會利用到 TextField 、Text 跟 Stat...

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

0 Like 0 留言 708 瀏覽

鐵人賽 Mobile Development DAY 13

SwiftUI 男孩系列第 13 篇

技術 Day 13: Swift package

Photo by Fabio Consilvio on Unsplash 上一篇埋個伏筆，今天我們來玩 Swift package 吧。今天介紹用FLEX加入...

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

0 Like 0 留言 574 瀏覽

鐵人賽 Mobile Development DAY 11

SwiftUI 男孩系列第 11 篇

技術 Day 11 : SwiftUI List (下)

Photo by Asap PANG on Unsplash UIKit UITableViewCell → SwiftUI List Row List F...

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

0 Like 0 留言 457 瀏覽

鐵人賽 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 留言 423 瀏覽

鐵人賽 Mobile Development DAY 11

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

技術 Day 11: LeetCode題目詳情頁面，使用 SwiftUI Group 和 AttributedString

延續昨天製作的 LeetCode 題目詳細頁面，如果你還沒看，可以前往 LeetCode題目詳情頁面，使用 SwiftUI Text 和 ScrollView...

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

0 Like 0 留言 855 瀏覽

鐵人賽 Mobile Development DAY 10

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

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

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

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

0 Like 0 留言 855 瀏覽

鐵人賽 Mobile Development DAY 10

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

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

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

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

0 Like 0 留言 1030 瀏覽

鐵人賽 Mobile Development DAY 26

SwiftUI 的大大小小系列第 26 篇

技術 Day 26 - 在 SwiftUI 中使用 presentationDetents 顯示非全版畫面

在過去，可能要用像是 FloatingPanel 這樣的 library 來顯示一半的 modal ，但是在近年來 Apple 終於提供原生的方式 &quot...

vc7 ‧ 2023-09-26

0 Like 0 留言 2080 瀏覽

鐵人賽 Mobile Development DAY 25

SwiftUI 的大大小小系列第 25 篇

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

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

vc7 ‧ 2023-09-25

0 Like 0 留言 1072 瀏覽

鐵人賽 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 留言 1137 瀏覽

鐵人賽 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 留言 917 瀏覽

鐵人賽 Mobile Development DAY 23

SwiftUI 的大大小小系列第 23 篇

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

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

vc7 ‧ 2023-09-23

0 Like 0 留言 651 瀏覽

鐵人賽 Mobile Development DAY 8

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

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

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

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

0 Like 0 留言 544 瀏覽

鐵人賽 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 留言 601 瀏覽

鐵人賽 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 留言 406 瀏覽

鐵人賽 Mobile Development DAY 20

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

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

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

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

0 Like 0 留言 474 瀏覽

鐵人賽 Mobile Development DAY 21

SwiftUI 的大大小小系列第 21 篇

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

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

vc7 ‧ 2023-09-21

0 Like 0 留言 495 瀏覽

鐵人賽 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 留言 1078 瀏覽

鐵人賽 Mobile Development DAY 20

SwiftUI 的大大小小系列第 20 篇

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

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

vc7 ‧ 2023-09-20

0 Like 0 留言 537 瀏覽

鐵人賽 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 留言 552 瀏覽

鐵人賽 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 留言 800 瀏覽

鐵人賽 Mobile Development DAY 7

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

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

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

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

0 Like 0 留言 812 瀏覽

鐵人賽 Mobile Development DAY 6

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

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

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

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

技術 Day 15: SwiftUI TabView (上)

技術 Day 30 - 在 SwiftUI 中 DatePicker 的基本用法

技術 Day 15: SwiftUI 展示「Two Pointers」題目，利用動畫 withAnimation 播放

技術 Day 29 - 在 SwiftUI 中使用 alert

技術 [SwiftUI] 讓開發的 Mac App 擁有自動更新的功能 - Sparkle

技術 Day 28 - 在 SwiftUI 實作客製化 ToggleStyle

技術 Day 27 - 在 SwiftUI 中使用 Toggle

技術 Day 13: SwiftUI 展示『陣列與字串』 題目及解說

技術 Day 13: Swift package

技術 Day 11 : SwiftUI List (下)

技術 Day 10 : SwiftUI List (上)

技術 Day 11: LeetCode題目詳情頁面，使用 SwiftUI Group 和 AttributedString

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

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

技術 Day 26 - 在 SwiftUI 中使用 presentationDetents 顯示非全版畫面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

標記使用者

技術 Day 13: SwiftUI 展示『陣列與字串』題目及解說

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