何紳睿/ swift-design 01 / 04
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 彈出
我的心得撰寫中,之後補上。
iOS · SwiftUI · MVVM

MyCalculator 科學計算機

這次把「算」和「畫」拆開:計算邏輯全部放進 CalculatorEngine,畫面只負責顯示與按鍵。Engine 處理數字、四則運算、函式鍵與記憶鍵,也支援角度/弧度切換、次方與開根號。

我的心得撰寫中,之後補上。
ARCHITECTURE
CalculatorView畫面:顯示幕+按鍵格
↓ 按鍵事件  ↑ 顯示結果
CalculatorViewModel把 Engine 的狀態交給畫面
↓ handleTap(button)
CalculatorEngine數字 · 運算 · 函式 · 記憶鍵 · 角度/弧度
CalculatorButton按鍵種類與樣式統一定義