Homepage
Open in app
Sign in
Get started
彼得潘的 Swift iOS App 開發問題解答集
About
程式初學者
iOS App 課程
Follow
彼得潘 / 文組生的 iOS App 程式設計入門
彼得潘 / 文組生的 iOS App 程式設計入門
帶我飛
學習開發 Swift iOS App 前的準備
Swift iOS App 學習資源和課程整理
適合新手學習參考的 Swift iOS UIKit App 專案
Latest
偵測 SwiftUI 動畫完成的 withAnimation(_:completionCriteria:_:completion:) — iOS 17 新功能
偵測 SwiftUI 動畫完成的 withAnimation(_:completionCriteria:_:completion:) — iOS 17 新功能
SwiftUI 提供方便的 function 幫我們快速實現各種動畫,像是 modifier animation(_:value:) & function withAnimation(_:_:)。
彼得潘的 iOS App Neverland
Jul 5
使用 enum 當 NavigationLink 的 value
使用 enum 當 NavigationLink 的 value
使用 NavigationLink 搭配 value 切換頁面時,value 通常是字串、數字或自訂型別的 struct 資料,不過有時我們也會看到使用 enum 當 NavigationLink 的 value,比方以下兩種應用。
彼得潘的 iOS App Neverland
Jul 4
定義 Swift iOS App 的資料(model)型別
定義 Swift iOS App 的資料(model)型別
開發 iOS App 時我們常常會新增檔案定義資料的型別,以下我們以定義 struct Book 為例說明相關的步驟。
彼得潘的 iOS App Neverland
Jul 2
SwiftUI List 包多層 NavigationLink 的問題
SwiftUI List 包多層 NavigationLink 的問題
開發 SwiftUI App 時我們常用 NavigationLink 切換頁面,不過當 List 裡有多層 NavigationLink,NavigationLink 裡包著另一個 NavigationLink 時,卻會發生特別的問題。
彼得潘的 iOS App Neverland
Jul 2
將網頁上的圖片複製貼上到 Xcode 的 Assets
將網頁上的圖片複製貼上到 Xcode 的 Assets
當我們在網頁上看到不錯的圖片時,利用複製貼上可以快速將圖片加到 Xcode 專案的 Assets。
彼得潘的 iOS App Neverland
Jul 1
點選 List row 不同區塊跳到不同頁面 — 使用 NavigationStack 搭配 path 或 navigationDestination(item:destination:)
點選 List row 不同區塊跳到不同頁面 — 使用 NavigationStack 搭配 path 或 navigationDestination(item:destination:)
在 SwiftUI 利用 NavigationStack、List & NavigationLink 可以快速實現點選切換頁面的列表。但若想讓 List row 有多個可點選的區塊,點選跳到不同的頁面,卻要額外費一番功夫。
彼得潘的 iOS App Neverland
Jul 1
影響 Xcode predictive code completion 的 "、) 和 ]
影響 Xcode predictive code completion 的 "、) 和 ]
Xcode 的 Predictive Code Completion 會在我們輸入程式或注解後出現提示,不過最近彼得潘測試後,發現輸入程式時有個小地方要注意。
彼得潘的 iOS App Neverland
Jul 1
請 AI 寫程式實作包含精美圖片的 App / 網頁範例
請 AI 寫程式實作包含精美圖片的 App / 網頁範例
透過聰明的 AI,現在我們學程式時都可以請 AI 寫範例。比方不懂如何用 SwiftUI 做出表格頁面,那就請 AI 寫個 SwiftUI List 的範例。
彼得潘的 iOS App Neverland
Jun 29
使用 GitHub Pages 架設網站初體驗
使用 GitHub Pages 架設網站初體驗
透過 GitHub Pages 我們可以免費架設網站,將網頁的內容存放在 GitHub repository。
彼得潘的 iOS App Neverland
Jun 26
從 macOS 15 的 iPhone Mirroring 遠端操控 iPhone
從 macOS 15 的 iPhone Mirroring 遠端操控 iPhone
macOS 15 推出令人期待的新功能 iPhone Mirroring,現在我們可以從 Mac 遠端操控 iPhone,享受用 Mac 滑 IG 玩手遊的樂趣。
彼得潘的 iOS App Neverland
Jun 25
請 AI 用 SVG 設計 App 畫面
請 AI 用 SVG 設計 App 畫面
彼得潘遇到許多學習 App 程式的同學反應他們沒有美感,寫作業時不知道怎麼設計畫面。
彼得潘的 iOS App Neverland
Jun 24
請 Claude Artifacts 用 SVG 生成 SwiftUI 的 view hierarchy 和 Flutter 的 widget tree
請 Claude Artifacts 用 SVG 生成 SwiftUI 的 view hierarchy 和 Flutter 的 widget tree
之前彼得潘曾經請 AI 用 mermaid 生成 SwiftUI 的 view hierarchy 和 Flutter 的 widget tree,效果還不錯。
彼得潘的 iOS App Neverland
Jun 24
使用 Claude Artifacts 製作精美表格
使用 Claude Artifacts 製作精美表格
從前透過 AI 我們可以製作 makrdwn 格式的表格,例如以下 SwiftUI & Flutter 的比較表。
彼得潘的 iOS App Neverland
Jun 24
製作捲動動畫的 SwiftUI scrollTransition — iOS 17 新功能
製作捲動動畫的 SwiftUI scrollTransition — iOS 17 新功能
SwiftUI 在 iOS 17 推出幫助我們製作捲動動畫的 modifier scrollTransition,我們可以控制元件在捲動過程中進行一些有趣的變化,比方水平滑動瀏覽書本時,即將離開畫面的書籍圖片愈來愈小,即將登場的書籍圖片愈來愈大。
彼得潘的 iOS App Neverland
Jun 23
SwiftUI 的 MeshGradient — iOS 18 新功能
SwiftUI 的 MeshGradient — iOS 18 新功能
SwiftUI 在 iOS 18 推出了新的漸層效果 MeshGradient,它將畫面切成一格格的網格,搭配每個網格設定的顏色和控制點,製作出美麗的漸層效果。
彼得潘的 iOS App Neverland
Jun 22
使用 Xcode predictive code completion 產生 IBOutlet / IBAction
使用 Xcode predictive code completion 產生 IBOutlet / IBAction
使用 storyboard 設計 App 畫面時,我們常會從 storyboard 的 UI 元件拉線到 Assistant 產生 IBOutlet & IBAction 的相關程式。
彼得潘的 iOS App Neverland
Jun 20
SwiftUI 混合顏色的 mix(with:by:in:) — iOS 18 新功能
SwiftUI 混合顏色的 mix(with:by:in:) — iOS 18 新功能
SwiftUI Color 在 iOS 18 推出了混色功能 mix(with:by:in:),我們可以方便地混合兩個顏色並設定混合的比例。
彼得潘的 iOS App Neverland
Jun 20
設定顏色顯著程度的 UIColor.Prominence — iOS 18 新功能
設定顏色顯著程度的 UIColor.Prominence — iOS 18 新功能
設計 iOS App 畫面時,我們通常會用顏色的深淺表示內容的重要程度,比方標題採用較深的黑色,副標題採用較淺的黑色。
彼得潘的 iOS App Neverland
Jun 20
iPadOS 18 顯示在上方的 tab bar 和顯示更多資訊的側邊欄
iPadOS 18 顯示在上方的 tab bar 和顯示更多資訊的側邊欄
iPadOS 18 的 tab bar 變苗條了 ! 它變成細細的一條,而且還搬了個家,從下面搬到上面,讓 App 有更大的空間顯示內容。(ps: iPhone 的 tab bar 還是佔據下方一排)
彼得潘的 iOS App Neverland
Jun 19
利用 SwiftUI 的 symbolEffect 實現 SF Symbol 動畫 — iOS 17 新功能
利用 SwiftUI 的 symbolEffect 實現 SF Symbol 動畫 — iOS 17 新功能
從 iOS 17 開始,只要一行程式即可為 SF Symbol 添加活潑的動畫效果。在研究程式前,我們可以先用 SF Symbols App 認識 SF Symbol 各種生動的動畫效果。
彼得潘的 iOS App Neverland
Jun 17
利用 UIKit 的 addSymbolEffect 實現 SF Symbol 動畫 — iOS 17 新功能
利用 UIKit 的 addSymbolEffect 實現 SF Symbol 動畫 — iOS 17 新功能
從 iOS 17 開始,只要一行程式即可為 SF Symbol 添加活潑的動畫效果。在研究程式前,我們可以先用 SF Symbols App 認識 SF Symbol 各種生動的動畫效果。
彼得潘的 iOS App Neverland
Jun 17
從 SF Symbols App 研究 SF Symbol 的動畫效果— iOS 17 新功能
從 SF Symbols App 研究 SF Symbol 的動畫效果— iOS 17 新功能
從 iOS 17 開始,只要一行程式即可為 SF Symbol 添加活潑的動畫效果。在研究程式前,我們可以先用 SF Symbols App 認識 SF Symbol 各種生動的動畫效果。
彼得潘的 iOS App Neverland
Jun 17
使用 SwiftUI PreviewModifier 設定 preview 共用的資料和 modifier — iOS 18 新功能
使用 SwiftUI PreviewModifier 設定 preview 共用的資料和 modifier — iOS 18 新功能
開發 SwiftUI App 時,我們常常需要在很多畫面的 preview 設定共用的資料和 modifier,比方 Observable 的物件,SwiftData 的 Model Container,偏好的顏色模式等。
彼得潘的 iOS App Neverland
Jun 16
從 Apple 開發網站的 Updates 頁面研究最新的開發技術
從 Apple 開發網站的 Updates 頁面研究最新的開發技術
每年 WWDC Apple 都會發表大量的新技術,我們要怎麼跟上 Apple 的腳步,如何知道有哪些新功能和 API 呢 ?
彼得潘的 iOS App Neverland
Jun 13
使用 UIGestureRecognizerRepresentable 實現 SwiftUI 的 swipe 手勢 — iOS 18 新功能
使用 UIGestureRecognizerRepresentable 實現 SwiftUI 的 swipe 手勢 — iOS 18 新功能
開發 SwiftUI App 時,有時我們需要使用來自 UIKit 的元件,此時我們可以用 UIViewControllerRepresentable & UIViewRepresentable 將 UIKit 的 controller & view 變成能在 SwiftUI…
彼得潘的 iOS App Neverland
Jun 12
About 彼得潘的 Swift iOS App 開發問題解答集
Latest Stories
Archive
About Medium
Terms
Privacy
Teams