工程開發
swiftui-liquid-glass avatar

swiftui-liquid-glass

使用 iOS 26+ Liquid Glass API 實作、審查或改進 SwiftUI 功能,以實現現代化且具備效能考量的介面設計。

簡介

此代理技能為在 SwiftUI 應用程式中採用 iOS 26+ Liquid Glass 設計系統的開發者提供專業支援。它作為實作原生玻璃質感美學的綜合指南,確保表面、按鈕和容器等組件符合 Apple 的設計準則。該技能專為需要現代化現有 UI 或建構高保真互動式玻璃介面,同時保持嚴格效能標準的工程師而設計。

此技能協助處理 Liquid Glass API 的複雜性,特別著重於正確的修飾符順序、GlassEffectContainer 對於分組元素的有效使用,以及互動式玻璃組件的適當實作。它還透過確保功能正確使用 #available(iOS 26, *) 檢查來管理可存取性與平台相容性,並為舊版作業系統提供非玻璃介面的回退方案。使用者將受益於審查程式碼庫、識別玻璃介面處理機會以及實作形態轉換的引導式工作流程。

  • 關於使用 glassEffect、GlassEffectContainer 以及基於玻璃的按鈕樣式(例如 .buttonStyle(.glassProminent))的專家建議。

  • 用於將舊版 SwiftUI 檢視重構為支援現代材質美學的簡化工作流程。

  • 關於修飾符鏈結的架構建議,以確保玻璃效果在核心佈局和外觀修改後套用。

  • 關於互動元素的最佳實踐,包括指標響應玻璃和跨檢視層級的形狀一致性。

  • 用於驗證可存取性、API 門控和效能考量的自動化審查清單。

  • 與專案特定文件和設計參考的整合,以確保與現有 UI 組件的一致性。

  • 始終使用可用性檢查來限制新功能,以防止在較舊的 iOS 版本上發生執行階段崩潰。

  • 在分組多個玻璃元素時使用 GlassEffectContainer 以優化渲染效能並保持視覺凝聚力。

  • 優先使用原生 Liquid Glass API 而非自訂模糊疊加層,以獲得更好的效能和電池效率。

  • 僅對需要特定觸控或指標回饋的元素套用 interactive() 修飾符,以最小化負擔。

  • 在實作複雜的 UI 轉換時,使用 glassEffectID 搭配 @Namespace 以啟用狀態之間平滑的形態轉換效果。

倉庫統計

Star 數
312
Fork 數
46
Open Issue 數
1
主要語言
Vim Script
預設分支
main
同步狀態
閒置
最近同步時間
2026年4月29日 上午06:21
在 GitHub 查看