Implémentation de flous et d’ombres dans les applications iOS | par Alex Nekrasov | Meilleure programmation | Novembre 2020

Online Coding Courses for Kids

Pour cet exemple, nous avons besoin d’un arrière-plan (par exemple une image). En haut de l’image, ajoutons deux rectangles. Un rectangle avec un arrière-plan blanc (notez que les ombres ne peuvent pas être appliquées à des vues transparentes ou semi-transparentes car elles ne sont tout simplement pas belles) et un autre rectangle avec un arrière-plan transparent pour l’effet de flou. Si nous utilisons une couleur non transparente, le flou sera appliqué à cette couleur et il n’aura aucun effet.

Si vous utilisez Storyboard, cela ressemblera à l’image ci-dessous:

Storyboard pour les effets

Dans le code, nous aurons ceci:

@IBOutlet weak var vShadowContainer: UIView!@IBOutlet weak var vBlurContainer: UIView!

Créer des ombres et du flou à partir du code est une astuce assez simple. Pour le rendre plus joli, j’ai ajouté un rayon de coin de 5:

Si vous connaissez à l’avance la taille de vos objets, vous pouvez appeler ces fonctions directement depuis viewDidLoad. Sinon, vous devriez attendre viewDidLayoutSubviews ou viewDidAppear.

Rectangles avec ombre et flou

iOS n’a pas beaucoup d’ajustements pour UIBlurEffect. Vous ne pouvez choisir que le type de flou (sombre, clair, etc.). Vous ne pouvez pas le rendre plus ou moins «flou», mais vous pouvez modifier la valeur alpha, ce qui aura un effet similaire. Dans l’image ci-dessus, l’alpha est de 0,8.

Close Menu