Sommaire

Disparition d’un élément

Il est possible d’animer de nombreuses propriétés d’une vue afin d’afficher à l’écran des changements progressifs. Une animation très fréquente est de faire apparaître un élément à l’écran, de manière progressive.

Cette animation peut être vue dans le projet Animations, il s’agit de la classe DisparitionViewController.

La vue Disparition comporte un carré vueCarré en son centre (une UIView avec couleur de fond) ainsi que deux boutons en bas : boutonDisparition, lié à l’action boutonDisparitionTapoté, et boutonApparition, lié à l’action boutonApparitionTapoté.

images/06EP02.png

L’un fait disparaître le carré tandis que l’autre le fait apparaître. Lorsque le carré est visible, le bouton Disparaître est actif tandis que l’autre est inactif. Lorsque le carré est invisible, c’est l’inverse.

Voici le code de la méthode disparaitre appelée dans l’action boutonDisparitionTapoté :

func disparaitre() { 
    UIView.animate(withDuration: 0.6, 
    animations: { 
        self.vueCarré.alpha = 0.0 
    },  
    completion: { fini in  
        guard fini else { return }

        self.boutonApparition.isEnabled = true 
        self.boutonDisparition.isEnabled ...