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
請 AI 製作程式語法的說明動畫 — 以 function 定義為例
請 AI 製作程式語法的說明動畫 — 以 function 定義為例
彼得潘平常程式教課時常常要講解程式語法,最近想到可以請 AI 製作程式語法的說明動畫。
彼得潘的 iOS App Neverland
Jul 13
Xcode assets 圖片改名時搭配 replace 修改專案裡使用圖片的地方
Xcode assets 圖片改名時搭配 replace 修改專案裡使用圖片的地方
最近遇到同學問彼得潘,他在 Xcode assets 修改圖片的名字,專案裡用到圖片的地方卻不會同步改名,因此造成圖片無法顯示,只能悲慘地找出設定的地方一個個修正。
彼得潘的 iOS App Neverland
Jul 11
支援縮寫和語義搜索的 Quick Actions — Xcode 16 新功能
支援縮寫和語義搜索的 Quick Actions — Xcode 16 新功能
Xcode 16 的 Quick Actions 變得更聰明了,現在我們可以輸入縮寫或相關的字詞找出想執行的指令。以下我們舉幾個例子說明。
彼得潘的 iOS App Neverland
Jul 11
SwiftUI 設定內容間距的 contentMargins — iOS 17 新功能
SwiftUI 設定內容間距的 contentMargins — iOS 17 新功能
SwiftUI 在 iOS 17 推出新的 modifier contentMargins,我們可以用它調整捲動內容的間距。
彼得潘的 iOS App Neverland
Jul 7
偵測 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
請 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
About 彼得潘的 Swift iOS App 開發問題解答集
Latest Stories
Archive
About Medium
Terms
Privacy
Teams