yoann nussbaumer

Avec Flex 2, il est très simple de construire des applications au look sympa et qui sortent de l’ordinaire, en utilisant le thème par défaut Halo Aeon. Néanmoins, Flex vous donne également plusieurs autres possibilités de personnaliser le look des composants de vos applications. Si vous souhaitez garder le look de base du thème Halo Aeon, mais que vous voulez simplement le modifier (en changeant les couleurs, les coins arrondis, et autre), vous pouvez « styler » les composants Flex en utilisant les CSS. Par contre, si vous souhaitez changer complètement l’apparence des composants Flex, vous pouvez le faire en créant un nouveau thème qui remplacera réellement le thème de base.

Si vous n’êtes pas sur de savoir si vous devez styler ou bien plutôt créer un thème, essayez de jouer un peu avec le Flex Style Explorer (nécessite Flash Player 9) ou utilisez le mode design de Flex Builder pour voir un peu jusqu’à où vous pouvez aller avec les styles. Si vous pouvez avoir le look que vous souhaitez juste en utilisant les styles, c’est parfait : vous pouvez copier le code CSS depuis le Flex Style Explorer et le donner à vos développeurs. Par contre, si vous avez besoin d’un look unique, cet article est fait pour vous !

Il décrit comment utiliser Flash, Photoshop, Fireworks, ou Illustrator pour créer un thème pour l’ensemble des composants Flex. En utilisant le modèle de thème fourni avec cet article, vous pourrez dessiner vos propres thèmes, avec un processus d’ export simple pour créer les fichiers de ressources dont a besoin Flex. Vous n’avez pas à apprendre le MXML ou l’ActionScript, les langages utilisés par Flex, mais selon la manière sont est conçu votre thème, il sera peut-être nécessaire de reprendre un peu le fichier CSS fourni. Si vous ne connaissez pas CSS, ne vous inquiétez pas, nous verrons ensemble les différentes étapes que cela implique.

PS: Ce billet fait partie d’une suite d’articles sur le thème Créer un skin pour une application Flex avec Flash, Photoshop, Fireworks, ou Illustrator, traduit de l’article d’Adobe : Designing Flex 2 skins with Flash, Photoshop, Fireworks, or Illustrator.