Simuler le flou d'arrière-plan sur WatchOS avec SwiftUI

Simuler le flou d’arrière-plan sur WatchOS avec SwiftUI

Apprendre SwiftUI a été très amusant. J’en ai parlé un peu avant. Ça a commencé comme une simple curiosité parce que j’avais lancé Calmaria.app pour Android, une plateforme sur laquelle je travaille depuis 5-6 ans. Je connais un peu Java et Kotlin et je fais la plupart de mes prototypes dans Android Studio. Cependant, j’étais toujours intéressé à apprendre quelque chose de nouveau. Le premier était React. Je me souviens du battage médiatique et de l’amour qu’il a suscités. Puis dernièrement, c’était Flutter (qui m’intéresse toujours) puis SwiftUI.

Après avoir vu un travail incroyable partagé par Jordan Chanteur sur Twitter, j’ai sauté dans le train. j’ai eu Meng à cours pour me familiariser avec et après quelques leçons j’ai commencé à construire Calmaria. D’abord pour l’iPhone, puis pour l’Apple Watch.

Je ne sais toujours pas grand-chose sur SwiftUI, mais une chose est sûre. C’est vraiment amusant de jouer avec. En plus de cela, vous pouvez utiliser Playgrounds, oui, vous avez bien entendu. Vous pouvez à peu près construire des choses sur l’iPad ou l’ordinateur avec cet outil d’apprentissage. J’y ai construit la plupart de mon application. Y compris quelques hacks comme celui-ci que je partage ici.

Donc, d’après ma compréhension superficielle, watchOS ne prend pas en charge l’effet de flou d’arrière-plan automatique que j’ai utilisé dans Calmaria pour l’iPhone. Au départ, j’ai décidé d’utiliser simplement le look original des années 80. Mais ensuite j’ai réalisé que je pouvais faire semblant assez facilement parce que vous pouviez toujours brouiller une vue. Et c’est ce que j’ai fait. Je viens de créer 2 vues de cercle masquées en deux par des carrés. Celui du bas est flou, celui du haut ne l’est pas. Aussi simple que cela.

Voici à quoi cela ressemble sur l’Apple Watch.

Téléchargez le code de GitHub