swiftui-liquid-glass
Implementieren von iOS Liquid Glass UI-Effekten in SwiftUI
Das Erstellen moderner iOS-Oberflächen mit Liquid Glass erfordert das Verständnis der spezifischen APIs und Designmuster von Apple. Diese Fertigkeit bietet sofort einsetzbare Code-Muster und Review-Checklisten für die korrekte Implementierung von Glass-Effekten.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「swiftui-liquid-glass」。 Hinzufügen eines Glass-Effekts zu einem Bestätigungs-Button
預期結果:
- Verwenden Sie .buttonStyle(.glassProminent) für hochsichtbare Aktionen
- Wenden Sie es nach allen Layout-Modifikatoren für korrekte Effekt-Schichtung an
- Wickeln Sie es in GlassEffectContainer ein, wenn es mit anderen Glass-Elementen kombiniert wird
- Überprüfen Sie die iOS 26-Verfügbarkeit mit Fallback für ältere Versionen
正在使用「swiftui-liquid-glass」。 Erstellen einer Karte mit Glass-Effekt, die sich beim Erweitern verformt
預期結果:
- Verwenden Sie @Namespace mit glassEffectID für Form-Morphing
- Wenden Sie .interactive() nur auf tippbare Bereiche an
- Wickeln Sie es in GlassEffectContainer mit korrektem Abstand ein
- Fügen Sie withAnimation um Ansichts-Hierarchie-Änderungen hinzu
安全審計
安全Pure documentation skill with only markdown and Swift code examples. No executable code, scripts, network calls, filesystem access, or environment variable reads. All 148 static findings are false positives: code block delimiters misidentified as shell backticks, documentation URLs flagged as network risks, and generic UI terms misclassified as security threats.
風險因素
⚙️ 外部命令 (65)
品質評分
你能建構什麼
Hinzufügen von Glass-Effekten zu neuer UI
Moderne Oberflächen mit Liquid Glass-Komponenten erstellen, die den Hintergrund verwischen und reflektieren
Entwerfen von Glass-basierten Oberflächen
Konsistente Glass-Oberflächen mit richtigen Formen, Tints und interaktiven Zuständen erstellen
Audit der Glass-Implementierung
Überprüfen, ob die Liquid Glass-Verwendung den Apple-Richtlinien für Performance und Design-Konsistenz entspricht
試試這些提示
Fügen Sie einen glassEffect-Modifier zu einer SwiftUI-Textansicht mit einer abgerundeten Rechteckform und interaktivem Tint hinzu.
Erstellen Sie einen GlassEffectContainer, der drei Symbolansichten mit konsistentem Abstand und Morphing-Unterstützung enthält.
Stylen Sie einen SwiftUI-Button mit dem glassProminent-Button-Stil und fügen Sie ihn zu einem GlassEffectContainer hinzu.
Überprüfen Sie diese SwiftUI-Ansicht auf ordnungsgemäße Liquid Glass-Verwendung. Überprüfen Sie die Modifier-Reihenfolge, Container-Verwendung und iOS 26-Verfügbarkeitsbehandlung.
最佳實務
- Wenden Sie den glassEffect-Modifier nach Layout- und visuellen Modifikatoren an
- Verwenden Sie GlassEffectContainer, wenn mehrere Glass-Elemente nebeneinander bestehen
- Umgeben Sie Liquid Glass-Code mit #available(iOS 26, *) und bieten Sie Fallbacks
避免
- Verwenden von benutzerdefinierten Blurs anstelle der nativen glassEffect API
- Anwenden von interactive() auf nicht-interaktive Elemente
- Fehlende Verfügbarkeitsprüfungen für iOS 26-Anforderung
常見問題
Welche iOS-Versionen unterstützen Liquid Glass?
Welche Formen kann glassEffect verwenden?
Wie kombiniere ich mehrere Glass-Elemente?
Sind meine Daten bei dieser Fertigkeit sicher?
Warum wird mein Glass-Effekt nicht animiert?
Wie unterscheidet sich dies von Materialien?
開發者詳情
檔案結構