List: SwiftUI | Curated by 彼得潘的 iOS App Neverland

Feb 18, 2025
249 stories
3 saves
SwiftUI
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 scaledToFit 顯示完整圖片製作 iOS App 畫面時，有時我們會想要圖片維持比例地佔滿可用空間，而且整張圖都能完整顯示，在 SwiftUI 有個很簡單的方法可實現這樣的效果。
Oct 25, 2019
Oct 25, 2019
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
解析 Google 表單提交的網路請求，開發上傳表單資料的 App最近經過 AI 的指導，彼得潘學會當我們提交 Google 表單時，其實是發送x-www-form-urlencoded 格式的資料。
Jan 20
Jan 20
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI / UIKit 產生 asset & SF Symbol 圖片的差異開發 iOS App 時，我們時常需要產生來自 asset & SF Symbol 的圖片，兩者寫法的參數名有些許不同。
Jan 10
Jan 10
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
讓 SwiftUI List / Form row 裡的元件可以分別點選SwiftUI 的 List / Form 很適合呈現清單頁面，然而若每筆資料的長方形區塊(row)想有不同的點擊區域，則需要額外處理。
Dec 26, 2024
Dec 26, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftData 在 Swift Playgrounds 的 App Preview 問題最近有同學使用 Swift Playgrounds 或 Xcode 的 App Playground 專案開發搭配 SwiftData 功能的 App，遇到 App Preview 的 @Query 無法抓到新增的資料，但模擬器卻能正常運作的奇怪問題。
Dec 14, 2024
Dec 14, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
實現 Swift Charts 長條圖(BarMark)的動畫透過 Swift Charts 的 BarMark 我們可以快速做出長條圖，例如以下顯示寶可夢傳說角色彼得潘的例子(誤)。
Dec 9, 2024
Dec 9, 2024
In
彼得潘的 999 道 SwiftUI / UIKit / Flutter / Jetpack Compose App 謎題
by
彼得潘的 iOS App Neverland
#240 使用地圖開發景點介紹頁面利用地圖開發景點介紹頁面。
Dec 5, 2024
Dec 5, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 Windsurf 的 AI Cascade 修改專案程式現在 IDE 的 AI 功能愈來愈厲害，許多 IDE 的 AI 都可以分析整個專案，直接對專案的多個檔案進行修改。
Nov 28, 2024
Nov 28, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 presentationDetents 和 presentationCornerRadius 控制頁面的高度和圓角弧度當我們使用 SwiftUI 的 sheet 顯示新頁面時，預設它會顯示接近全螢幕的高度，背後露出一小塊前一頁的內容，例如以下例子 AlbumView 顯示 Penny 好聽的新專輯雙生火焰。
Nov 15, 2024
Nov 15, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
定義型別名稱時，不要用到內建的型別名最近有同學跟彼得潘說，他的程式出現奇怪的錯誤，SwiftUI 的 Image 竟然無法使用，出現一堆莫名其妙的錯誤，明明程式完全沒有錯。
Nov 10, 2024
Nov 10, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 scrollContentBackground 取消 List / Form 預設的背景當我們使用 SwiftUI 的 List / Form 設計 App 畫面時，它會預設有背景顏色，就像以下可愛 emoji 動物清單的例子。
Nov 5, 2024
Nov 5, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
設定 SwiftUI List 的背景顏色或圖片SwiftUI List 預設會搭配淺灰色的背景(dark mode 為黑色)，以下我們介紹如何設定它的背景顏色或圖片。
Oct 29, 2024
Oct 29, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
客製 SwiftUI List row 的形狀當我們用 SwiftUI 的 List 顯示清單時，row 預設會是簡單的白色背景(dark mode 是黑色背景)，就像以下用 List 顯示的乒乓男孩主題曲歌詞。
Oct 29, 2024
Oct 29, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
實現圓形圖片邊框的三種方法在 Image 上用 overlay 添加用 stroke 或 strokeBorder 畫的圓框
Apr 6, 2021
Apr 6, 2021
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 border，stroke & strokeBorder 實現 SwiftUI 邊框以 ZAYIN 無法抗拒的藍色眼睛為例，認識使用 SwiftUI 設定元件的邊框。
Jul 29, 2019
Jul 29, 2019
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
自動避開鍵盤的 SwiftUI TextField & TextEditor在 iOS 14，SwiftUI 的 TextField & TextEditor 變得更厲害了。當鍵盤出現時，App 畫面將自動上移，我們再也不怕鍵盤檔到輸入的文字了。
Jul 28, 2020
Jul 28, 2020
In
彼得潘的 999 道 SwiftUI / UIKit / Flutter / Jetpack Compose App 謎題
by
彼得潘的 iOS App Neverland
#238 大學的 SwiftUI iOS App 入門課程期末專題 — CRUD 紀錄 App以 SwiftUI 實作一個 iOS App，自訂主題，發表在 Medium，包含以下內容。
Oct 28, 2024
Oct 28, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 SwiftUI 的 rotation3DEffect 實現翻牌動畫利用 SwiftUI modifier rotation3DEffect 的 3D 翻轉功能，我們可以輕易地做出撲克牌遊戲常見的翻牌動畫。
Oct 27, 2024
Oct 27, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 SwiftUI 的 ForEach 搭配 animation 的 delay 實現依序動畫當我們以 SwiftUI 的 ForEach 顯示多個元件時，搭配 animation modifier 的 delay 參數可以實現有趣的依序動畫，讓 ForEach 的元件一個個變化，而不是全部一起動。
Oct 19, 2024
Oct 19, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI 控制浮點數顯示的 string interpolation開發 iOS App 時，我們時常遇到帶有小數點的浮點數。若是直接將浮點數變成字串顯示在畫面上，往往會顯示成一個超長的數字，例如以下程式的  iOS App 工程師年薪 1000000.878 變成 1000000.878000。
Oct 12, 2019
Oct 12, 2019