SwiftUI Liquid Glass : Le Guide Complet iOS 26

Liquid Glass représente la plus grande évolution du design Apple depuis iOS 7. Introduit à la WWDC 2025, ce nouveau langage visuel unifie iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26, tvOS 26 et visionOS 26. Découvrons comment l'implémenter dans vos applications SwiftUI et UIKit.

Liquid Glass n'est pas un simple effet visuel. C'est un méta-matériau digital qui simule les propriétés optiques du verre : translucidité, réfraction, profondeur et réponse au mouvement. Contrairement aux effets de flou traditionnels qui dispersent la lumière, Liquid Glass utilise le lensing — il courbe et concentre la lumière en temps réel.

Les caractéristiques fondamentales :

Apple définit clairement la hiérarchie :

Le contenu reste au niveau de base, les contrôles glass flottent au-dessus. Cette séparation crée profondeur et hiérarchie visuelle.

Bonne nouvelle : en recompilant simplement avec Xcode 26, de nombreux éléments système adoptent automatiquement Liquid Glass.

Les modificateurs tint et interactive enrichissent l'effet :

Important : La teinte doit véhiculer une signification sémantique (action primaire, état), pas une simple décoration. Utilisez-la sélectivement pour les call-to-action.

Le glass ne peut pas sampler un autre glass. GlassEffectContainer fournit une région de sampling partagée et permet aux éléments de fusionner visuellement quand ils se rapprochent.

Le spacing contrôle le seuil de morphing — les éléments à cette distance ou moins fusionnent visuellement :

Pour créer des animations de morphing entre états, utilisez glassEffectID avec un namespace :

Les boutons émergent du bouton principal et s'y réabsorbent grâce au morphing fluide !

iOS 26 introduit deux styles de boutons glass :

Pour les projets UIKit ou hybrides :

Le système gère automatiquement l'accessibilité, mais vous pouvez réagir si nécessaire :

Les utilisateurs peuvent ajuster Liquid Glass :

Conseil : Laissez le système gérer l'accessibilité automatiquement. N'intervenez que si absolument nécessaire.

Pour supporter les versions précédentes, créez un modificateur conditionnel :

Voici une application complète démontrant Liquid Glass :

Le modifier .glassEffect(.regular.interactive(), in: RoundedRectangle()) répond parfois avec une forme Capsule.

Workaround : Utilisez .buttonStyle(.glass) pour les boutons.

Des artefacts de rendu peuvent apparaître avec .glassProminent et .circle.

Workaround :

Sur iOS 26.1, placer un Menu dans un GlassEffectContainer peut casser l'animation de morphing.

Workaround : Évitez cette combinaison ou utilisez .glassEffect(.regular.interactive()) directement sur le Menu.

Liquid Glass représente bien plus qu'un changement esthétique — c'est une nouvelle façon de penser les interfaces. En respectant la hiérarchie contenu/navigation, en utilisant les containers appropriés et en testant l'accessibilité, vous créerez des applications qui s'intègrent naturellement dans l'écosystème iOS 26.

Les principes clés à retenir :

Dans un prochain article, nous explorerons Icon Composer, le nouvel outil Xcode pour créer des icônes Liquid Glass multicouches qui s'adaptent aux modes Light, Dark, Tinted et Clear.