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

Nov 5, 2024
239 stories
3 saves
SwiftUI
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
利用 SwiftUI 的 scrollContentBackground 取消 List / Form 預設的背景當我們使用 SwiftUI 的 List / Form 設計 App 畫面時，它會預設有背景顏色，就像以下可愛 emoji 動物清單的例子。
3d ago
3d ago
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
設定 SwiftUI List 的背景顏色或圖片SwiftUI List 預設會搭配淺灰色的背景(dark mode 為黑色)，以下我們介紹如何設定它的背景顏色或圖片。
Oct 29
Oct 29
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
客製 SwiftUI List row 的形狀當我們用 SwiftUI 的 List 顯示清單時，row 預設會是簡單的白色背景(dark mode 是黑色背景)，就像以下用 List 顯示的乒乓男孩主題曲歌詞。
Oct 29
Oct 29
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
實現圓形圖片邊框的三種方法在 Image 上用 overlay 添加用 stroke 或 strokeBorder 畫的圓框
Apr 6, 2021
Apr 6, 2021
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
利用 border，stroke & strokeBorder 實現 SwiftUI 邊框以 ZAYIN 無法抗拒的藍色眼睛為例，認識使用 SwiftUI 設定元件的邊框。
Jul 29, 2019
Jul 29, 2019
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
自動避開鍵盤的 SwiftUI TextField & TextEditor在 iOS 14，SwiftUI 的 TextField & TextEditor 變得更厲害了。當鍵盤出現時，App 畫面將自動上移，我們再也不怕鍵盤檔到輸入的文字了。
Jul 28, 2020
Jul 28, 2020
彼得潘的 iOS App Neverland
in
彼得潘的 100 道 Swift iOS App 謎題
#238 大學的 SwiftUI iOS App 入門課程期末專題 — CRUD 紀錄 App以 SwiftUI 實作一個 iOS App，自訂主題，發表在 Medium，包含以下內容。
Oct 28
Oct 28
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
使用 SwiftUI 的 rotation3DEffect 實現翻牌動畫利用 SwiftUI modifier rotation3DEffect 的 3D 翻轉功能，我們可以輕易地做出撲克牌遊戲常見的翻牌動畫。
Oct 27
Oct 27
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
使用 SwiftUI 的 ForEach 搭配 animation 的 delay 實現依序動畫當我們以 SwiftUI 的 ForEach 顯示多個元件時，搭配 animation modifier 的 delay 參數可以實現有趣的依序動畫，讓 ForEach 的元件一個個變化，而不是全部一起動。
Oct 19
Oct 19
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
SwiftUI 控制浮點數顯示的 string interpolation開發 iOS App 時，我們時常遇到帶有小數點的浮點數。若是直接將浮點數變成字串顯示在畫面上，往往會顯示成一個超長的數字，例如以下程式的  iOS App 工程師年薪 1000000.878 變成 1000000.878000。
Oct 12, 2019
Oct 12, 2019
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
利用 SwiftUI 的 Text 顯示時間SwiftUI 的 Text 專門顯示文字，因此我們通常會傳入字串，比方以下學貓叫的例子，
Oct 11, 2020
Oct 11, 2020
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
將自訂的 SwiftUI view & modifier 加到 Views library & Modifier library開發 SwiftUI App 時，我們可以打開 Library window，從它的 Views library 頁面拖曳加入元件，省下手打程式的辛苦。
Sep 24, 2020
Sep 24, 2020
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
利用 frame 或 Grid / GridRow 解決 SwiftUI Slider 排列不整齊的問題開發 SwiftUI iOS App 時，我們常會用 Slider 調整數值，並在 Slider 的左邊顯示文字說明 Slider 的用途。
Oct 15
Oct 15
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
SwiftUI Stack，List & Grid 的排列動畫開發 SwiftUI App 時，我們時常使用 Stack，List 或 Grid 排列元件，呈現 array 的資料。有時我們會想調整元件排列的順序，能讓它用生動的動畫重新排列嗎 ?
Jun 13, 2021
Jun 13, 2021
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
SwiftUI 擅長展開 & 折疊的 DisclosureGroup使用 iOS App 時，我們時常看到可以展開折疊的頁面設計。Apple 在 SwiftUI 2 推出了專門實現展開(expand) & 折疊(collapse)功能的 DisclosureGroup，接下來就讓我們以彼得潘喜歡的推理小說家為例看它表演吧。
Sep 2, 2020
Sep 2, 2020
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
利用 labelsHidden 隱藏 SwiftUI 元件的 labelSwiftUI 很多元件在顯示時都會在左邊顯示輔助的內容(label)，比方以下 DatePicker 的左邊顯示文字 peter pan & peter parker…
Oct 19, 2019
Oct 19, 2019
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
iOS 14 變成月曆的 date picker在 iOS 14 選擇日期時間變得更方便了。內建的 date picker 提供了精美的月曆讓我們選日期，再也不用自己辛苦打造月曆畫面了。
Jun 29, 2020
1
Jun 29, 2020
1
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
更有效率的 LazyHStack & LazyVStack開發 SwiftUI App 時，我們時常用 HStack & VStack 排版。雖然它們很方便，不過卻有個令人小小在意的小缺點，當 stack 裡裝了很多 view 時，它們會一次全部生成，影響 App 的效能。
Aug 10, 2020
Aug 10, 2020
彼得潘的 iOS App Neverland
in
彼得潘的 Swift iOS App 開發問題解答集
請 AI 使用 SwiftUI 的 Observation framework 開發剪刀石頭布使用 GPT 寫程式和繪製剪刀石頭布的可愛圖片。
Oct 2
Oct 2
彼得潘的 iOS App Neverland
in
彼得潘的 100 道 Swift iOS App 謎題
#237 開發有趣的 SwiftUI 小遊戲 — 使用 Observation 管理遊戲狀態功能需求
Oct 1
Oct 1