彼得潘的 SwiftUI 學習文章

利用 SwiftUI 製作電子書 App

第一次 SwiftUI 10YearChallenge App 親密接觸

SwiftUI 程式開發初體驗

SwiftUI 設計 UI 元件樣式的各種方法

客製 UI 元件樣式的 SwiftUI modifier

SwiftUI 畫面加入元件的方法

SwiftUI 調整元件位置的幾種方法

利用 SwiftUI 的 Spacer & padding 調整元件位置

利用 Stack,Rectangle & overlay 實現元件一樣大,固定比例 & 照片牆

SwiftUI 搭配字串參數的 init

利用 ZStack,overlay & background堆疊 SwiftUI 畫面

利用 SwiftUI 的 offset 位移

利用 SwiftUI 的 position 定位

顯示美麗圖片的 SwiftUI image

利用 SwiftUI 的 scaledToFit 顯示完整圖片

SwiftUI 維持元件理想尺寸的 fixedSize(修正文字切掉問題)

ViewBuilder & Ambiguous reference to member buildBlock()

利用 SwiftUI 的 background 設定背景顏色,背景圖片 & 漸層背景

SwiftUI 的按鈕 — button

SwiftUI 全螢幕的背景顏色或圖片(full screen)

利用 labelsHidden 隱藏 SwiftUI 元件的 label

SwiftUI 輸入文字的 TextField & 猜數字 App 範例

SwiftUI 滑動選值的 Slider

SwiftUI 選擇項目的 Picker & 我要選李白

SwiftUI 選時間的歲月神偷 — DatePicker

SwiftUI 的 ForEach

在結尾輸入 { } 生成 SwiftUI 元件

新增 SwiftUI 畫面

清除 SwiftUI List 的分隔線

SwiftUI 生成 Color 的方法

SwiftUI 讓 view 變圓角的 cornerRadius & clipShape

SwiftUI 讓東西變圓形的各種方法

利用 border & stroke 實現 SwiftUI 邊框

SwiftUI 讓圖片等於螢幕寬度 & 設定比例的方法

天生支援 dark mode 的 SwiftUI Color

利用 SwiftUI 的 blendMode 混合圖片

SwiftUI 的 blur 模糊效果

SwiftUI 控制文字行數的 lineLimit

影響 SwiftUI 元件顏色的 accentColor

利用 SwiftUI 的 brightness 調整圖片亮度

用 SwiftUI 組合多種文字樣式(Text 相加)

SwiftUI 的 Views library

利用 Embed in 加入 SwiftUI 元件

用狀態設計 SwiftUI 畫面 — 認識 @State property

為什麼 ForEach & List 需要區分 array 裡的成員 ?

視情況聰明更新的 SwiftUI body

利用 NavigationView & NavigationLink 切換頁面

SwiftUI List Row 的 button 點選

讓 SwiftUI List 的 row 有多個可點選的 NavigationLink

認識 SwiftUI 的 Alert

設定元件點擊程式的 SwiftUI onTapGesture

控制 iOS App 的第一個畫面

設定 SwiftUI 表格內容邊距的 listRowInsets

預覽(preview) SwiftUI 設計的畫面

讓 SwiftUI preview 顯示的快速鍵

利用 Debug Preview 讓 print 發揮作用

SwiftUI 的 Live Preview & Preview on Device

Xcode preview 顯示的 iPhone 機型

SwiftUI 的 animation 動畫

macOS 10.14 Mojave 開發 SwiftUI App 的缺點

SwiftUI 控制浮點數顯示的 string interpolation

Xcode 移動多行程式的 Move Line Up / Down

搭配 cmd + shift + L 快速打開 Library 設計 SwiftUI 畫面

SwiftUI 快速取代元件的 2 個方法

Xcode 11 專案的 SwiftUI & Storyboard 選擇

利用 Re-Indent 縮排 SwiftUI 程式

利用 SwiftUI 的 Path 繪圖

使用 SwiftUI 的 UI 元件 & data binding 創作有趣的 App

使用 SwiftUI 製作電子書 App

SwiftUI 跑錯地方的紅色錯誤

SwiftUI 的 The compiler is unable to type-check this expression in reasonable time 問題

ForEach(_:content:) should only be used for constant data

從 Xcode 的 Developer Documentation 學習 SwiftUI tutorial

利用 SwiftUI 的 NavigationView 實現 iPad 分割畫面

控制 SwiftUI 元件的顯示隱藏

讓 Button & NavigationLink 的圖片變色的 renderingMode

容納 SwiftUI view 的 UIHostingController

Optional 型別的 map function 和 SwiftUI 的結合

SwiftUI 即時更新的 NavigationLink & sheet 頁面

archive App 時自動移除的 SwiftUI preview

設定 SwiftUI 的 list row 點選功能

SwiftUI List & Form 的畫面差異

讓 view controller 也能享用 SwiftUI 方便的 preview

在 SwiftUI App 加入 UIKit View,比方網頁和地圖

用 static 宣告的變數(常數) 儲存 SwiftUI preview 呈現的假資料

在 SwiftUI App 加入 view controller

建立 Xcode 的 file template,以 SwiftUI controller preview 為例

SwiftUI 將畫面牢牢釘住的 Pin Preview

Xcode 11.4 的 SwiftUI Create Preview

轉吧七彩霓虹燈 ! SwiftUI 的 rotationEffect & rotation3DEffect

簡化大量 modifier 程式的 SwiftUI ViewModifier

iOS App 的 4 種系統字體

製作分隔線的 SwiftUI Divider

利用 Select Column & Move Line 搬移 SwiftUI 程式

SwiftUI 生動有趣的圖片效果 modifier

在 Controller 畫面利用 Container View 加入 SwiftUI 特製的圖片

SwiftUI 設計線條樣式的 StrokeStyle

利用 SwiftUI 繪製同時填滿顏色和線條的形狀

搭配 ?:(ternary conditional operator) 設定內容或呼叫 modifier

使用 SwiftUI 預覽 UIBezierPath 的繪圖結果

調整元件階層的 SwiftUI zIndex

SwiftUI 裁切形狀的 clipShape & mask

SwiftUI 的 preview 文字 … 問題

SwiftUI Text 的 string interpolation 和參數 specifier & formatter

@Published property 的 didSet 問題

利用 Combine 解決 SwiftUI Timer & NotificationCenter 的記憶體問題

利用 GeometryReader 取得 SwiftUI 元件的座標尺寸

SwiftUI preview 的檔案儲存路徑

清除 SwiftUI Previews simulator 佔據的空間

SwiftUI 的 custom binding

preview 問題: Unknown preview provider

iOS 14 變成月曆的 date picker

Xcode 12 的 SwiftUI preview

自動避開鍵盤的 SwiftUI TextField & TextEditor

利用 SwiftUI 的 PageTabViewStyle 實現分頁照片瀏覽

SwiftUI 點選打開連結的 Link 按鈕

SwiftUI 的 ViewBuilder 可以輸入 if let & switch 了

更有效率的 LazyHStack & LazyVStack

SwiftUI 偵測內容改變的 onChange modifier

格子狀排列的 LazyVGrid & LazyHGrid

SwiftUI 擅長展開 & 折疊的 DisclosureGroup

Xcode 12.2 的 Create Preview

SwiftUI body 裡有多個元件時,記得包在容器裡

modifier 順序造成的 Value of type ‘some View’ has no member

將自訂的 SwiftUI view 加到 View Library 的 LibraryContentProvider

SwiftUI 顯示圖文並排的 Label

SwiftUI 將多個元件組合的 Group

SwiftUI 元件的 offset 跟點擊問題

NavigationView 造成的 SwiftUI animation 問題

使用 plist 設定 iOS App 的 Launch screen

利用 SwiftUI 的 Text 顯示時間

SwiftUI NavigationView 的 UI 調整

SwiftUI Text 的 Instance method appendInterpolation requires that xxx conform to _FormatSpecifiable

使用 UIViewRepresentable 將 CAEmitterLayer 動畫加到 SwiftUI

在 SwiftUI 如何將 array 的成員變 Binding

SwiftUI 產生 Binding 的各種方法

SwiftUI 如何搭配 AppDelegate — 利用 UIApplicationDelegateAdaptor

從 SwiftUI 即時預覽迴圈執行過程

利用 App Group 讓 widget 跟 iOS App 共享資料

ObservableObject 物件的畫面更新問題

使用 environment modifier 調整 UI 的相關設定

利用 Bool 或 Optional 控制 alert,actionSheet,sheet,fullScreenCover,popover & NavigationLink 的畫面是否顯示

利用 Extract Subview 或 computed property 精簡 SwiftUI 程式

設定 SwiftUI Form 或 List 的背景顏色

SwiftUI @State 的進階解析

大學資工系的 SwiftUI iOS App 開發課程整理

判斷 SwiftUI 的 function 型別參數是否是 ViewBuilder

SwiftUI array 成員減少造成的 Index out of range 問題

Modifying state during view update, this will cause undefined behavior

SwiftUI ScrollView 的捲動方向

調整 SwiftUI preview 樣式的 modifier

SwiftUI View 的 body 和 PreviewProvider 的 previews 宣告時搭配了 ViewBuilder

在 SwiftUI preview 產生 Binding 資料

讓 enum 型別遵從 protocol Identifiable

控制點選範圍的 contentShape

利用 previewInterfaceOrientation 設定橫向的 SwiftUI preview

SwiftUI 顯示網路圖片的 AsyncImage

SwiftUI Stack,List & Grid 的排列動畫

利用 zIndex 調整頁面切換的動畫階層

實現 SwiftUI 動畫時,modifier 的變化要在 view 已經加到畫面上後發生

SwiftUI 辨識 gesture(手勢)的三種寫法

SwiftUI view 的生命週期影響 StateObject & State 儲存的資料

SwiftUI 參考資料來源的 Binding

SwiftUI 綁定資料的 Binding 元件

SwiftUI 管理多視窗的 WindowGroup & 多視窗的資料存取問題

在 init 裡初始 Binding property

設定 SwiftUI List 的 row 有多個可點選的區塊 — 利用 buttonStyle & EmptyView

彼得潘的 Swift iOS App 開發問題解答集

彼得潘和學生們在開發 iOS App 路上曾經解決的問題集

彼得潘的 Swift iOS App 開發問題解答集

彼得潘和學生們在開發 iOS App 路上曾經解決的問題集

彼得潘的 iOS App Neverland

Written by

彼得潘的iOS App程式設計入門,文組生的iOS App程式設計入門講師,彼得潘的 Swift 程式設計入門,App程式設計入門作者,http://apppeterpan.strikingly.com

彼得潘的 Swift iOS App 開發問題解答集

彼得潘和學生們在開發 iOS App 路上曾經解決的問題集