Un des intérêts principaux de WPF est l'utilisation des ressources. Elles peuvent être de plusieurs types : les styles qui permettent de modifier les propriétés d'un contrôle, les templates (ou modèles) qui permettent d'en modifier la structure et les brush qui sont des pinceaux vectoriels.
Centraliser tout l'aspect visuel d'une application dans un fichier de ressources, c'est une belle promesse pour une application facilement modifiable et des thèmes rapides à réaliser. Il y avait cependant une limite à laquelle j'ai été confrontée plusieurs fois depuis que je travaille sur des projets WPF : il n'était pas possible, à ma connaissance, d'animer des ressources couleurs. Après plusieurs tentatives infructueuses, j'avais abandonné cette idée... Jusqu'à aujourd'hui ! Une bonne âme m'a permis de voir comment résoudre ce problème - Merci Vincent :)
Pour arriver à un résultat, j'ai du mettre mes mains de graphiste dans le code !
Petite mise en pratique
Dans Blend, dessinez un rectangle (1&2) et appliquez lui une première couleur (3). Transformez cette couleur en ressource (4).
Créez une timeline (1), placez la tête de lecture à 0:00,500 (2)
Sélectionnez le rectangle (1), modifiez sa couleur (2) et transformez cette seconde couleur en ressource (3) .
Avant d'aller dans le code, vérifiez que la valeur de la propriété Fill de votre rectangle est la première ressource couleur
Dans le code, vérifiez que vos ressources couleurs sont déclarées avant le storyboard.
Au niveau du rectangle, transformez le "DynamicResource" en "StaticResource" (dans cet exemple il n'y aura pas d'impact visible, mais si vous intégrez le storyboard à un style ou un template, l'application ne compilera pas)
Au niveau du storyboard, la valeur couleur indiquée doit être modifiée : passez de la valeur hexadécimale à Value="{StaticResource Color2}" ( où Color2 est le nom que vous avez donné à la deuxième ressource couleur)
Petit projet ici : Download RessourcesCouleurs.zip
Commentaires