SWIFT DESIGN
用 SwiftUI 做出真的能用的小工具
學校教的是 App Inventor,我想做出介面更完整的東西,所以自學 Xcode 和 SwiftUI。這裡放的是練習途中做出來的作品,以及我在每一個專案裡學到的事。
SwiftUIMVVM@State · @FocusStateCoreBluetooth
macOS · SwiftUI
三元一次方程式求解器
輸入三條 ax + by + cz = d 的係數,按下等號解出 x、y、z。我自己做了一整組按鍵盤:數字、四則運算,加上 √a、a²、1/a、eᵇ 這些函式鍵。
怎麼做的
- 3 × 4 的係數用二維陣列存在 @State 裡
- 用 @FocusState 搭配自訂座標,記住游標停在哪一格,按鍵就輸入到那一格
- 提示訊息用 Alert 彈出
我的心得撰寫中,之後補上。
1.x+y+z=
2.x+y+z=
3.x+y+z=
x =y =z =
xyz←
√aa²1/aeᵇ
789×
456−
123+
AC0.=
iOS · SwiftUI · MVVM
MyCalculator 科學計算機
這次把「算」和「畫」拆開:計算邏輯全部放進 CalculatorEngine,畫面只負責顯示與按鍵。Engine 處理數字、四則運算、函式鍵與記憶鍵,也支援角度/弧度切換、次方與開根號。
我的心得撰寫中,之後補上。
ARCHITECTURE
CalculatorView畫面:顯示幕+按鍵格
↓ 按鍵事件 ↑ 顯示結果
CalculatorViewModel把 Engine 的狀態交給畫面
↓ handleTap(button)
CalculatorEngine數字 · 運算 · 函式 · 記憶鍵 · 角度/弧度
CalculatorButton按鍵種類與樣式統一定義
專題 · 2025–2026
效率革命軍 App:智慧零件盒
用 iOS App 拍照辨識零件、管理庫存,再透過藍牙讓 ESP32 打開對應的格子。
閱讀完整案例