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

Dec 14, 2024
245 stories
3 saves
SwiftUI
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
Dec 14
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
實現 Swift Charts 長條圖(BarMark)的動畫透過 Swift Charts 的 BarMark 我們可以快速做出長條圖，例如以下顯示寶可夢傳說角色彼得潘的例子(誤)。
Dec 9
Dec 9
In
彼得潘的 100 道 Swift iOS App 謎題
by
彼得潘的 iOS App Neverland
#240 使用地圖開發景點介紹頁面利用地圖開發景點介紹頁面。
Dec 5
Dec 5
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 Windsurf 的 AI Cascade 修改專案程式現在 IDE 的 AI 功能愈來愈厲害，許多 IDE 的 AI 都可以分析整個專案，直接對專案的多個檔案進行修改。
Nov 28
Nov 28
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 presentationDetents 和 presentationCornerRadius 控制頁面的高度和圓角弧度當我們使用 SwiftUI 的 sheet 顯示新頁面時，預設它會顯示接近全螢幕的高度，背後露出一小塊前一頁的內容，例如以下例子 AlbumView 顯示 Penny 好聽的新專輯雙生火焰。
Nov 15
Nov 15
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
定義型別名稱時，不要用到內建的型別名最近有同學跟彼得潘說，他的程式出現奇怪的錯誤，SwiftUI 的 Image 竟然無法使用，出現一堆莫名其妙的錯誤，明明程式完全沒有錯。
Nov 10
Nov 10
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 scrollContentBackground 取消 List / Form 預設的背景當我們使用 SwiftUI 的 List / Form 設計 App 畫面時，它會預設有背景顏色，就像以下可愛 emoji 動物清單的例子。
Nov 5
Nov 5
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
設定 SwiftUI List 的背景顏色或圖片SwiftUI List 預設會搭配淺灰色的背景(dark mode 為黑色)，以下我們介紹如何設定它的背景顏色或圖片。
Oct 29
Oct 29
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
客製 SwiftUI List row 的形狀當我們用 SwiftUI 的 List 顯示清單時，row 預設會是簡單的白色背景(dark mode 是黑色背景)，就像以下用 List 顯示的乒乓男孩主題曲歌詞。
Oct 29
Oct 29
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
彼得潘的 100 道 Swift iOS App 謎題
by
彼得潘的 iOS App Neverland
#238 大學的 SwiftUI iOS App 入門課程期末專題 — CRUD 紀錄 App以 SwiftUI 實作一個 iOS App，自訂主題，發表在 Medium，包含以下內容。
Oct 28
Oct 28
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 SwiftUI 的 rotation3DEffect 實現翻牌動畫利用 SwiftUI modifier rotation3DEffect 的 3D 翻轉功能，我們可以輕易地做出撲克牌遊戲常見的翻牌動畫。
Oct 27
Oct 27
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 SwiftUI 的 ForEach 搭配 animation 的 delay 實現依序動畫當我們以 SwiftUI 的 ForEach 顯示多個元件時，搭配 animation modifier 的 delay 參數可以實現有趣的依序動畫，讓 ForEach 的元件一個個變化，而不是全部一起動。
Oct 19
Oct 19
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
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 Text 顯示時間SwiftUI 的 Text 專門顯示文字，因此我們通常會傳入字串，比方以下學貓叫的例子，
Oct 11, 2020
Oct 11, 2020
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
將自訂的 SwiftUI view & modifier 加到 Views library & Modifier library開發 SwiftUI App 時，我們可以打開 Library window，從它的 Views library 頁面拖曳加入元件，省下手打程式的辛苦。
Sep 24, 2020
Sep 24, 2020
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 frame 或 Grid / GridRow 解決 SwiftUI Slider 排列不整齊的問題開發 SwiftUI iOS App 時，我們常會用 Slider 調整數值，並在 Slider 的左邊顯示文字說明 Slider 的用途。
Oct 15
Oct 15
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI Stack，List & Grid 的排列動畫開發 SwiftUI App 時，我們時常使用 Stack，List 或 Grid 排列元件，呈現 array 的資料。有時我們會想調整元件排列的順序，能讓它用生動的動畫重新排列嗎 ?
Jun 13, 2021
Jun 13, 2021