Étapes pour Modifier un Skin
Objectifs
Les objectifs de cette vidéo sont de :
- Apprendre à créer et modifier un fichier de skin MXML.
- Personnaliser un panel avec des propriétés de couleur et de style.
- Appliquer un skin modifié à un composant via MXML et CSS.
Résumé
Dans cette leçon, découvrez les différentes façons de définir et de modifier le skin d'un composant panel en utilisant FlashBuilder.
Description
Il existe différentes façons de définir le skin d'un composant. Dans cette leçon, nous allons modifier le skin de base du composant panel. Vous aurez la possibilité de suivre les étapes détaillées pour arriver au résultat final où deux panels - l'un avec le skin original et l'autre avec le skin modifié - seront comparés.
Nous commencerons par créer un nouveau fichier MXML de type skin et le placer dans un package dédié. Ensuite, nous définirons le type de composant à modifier et recopierons le modèle de skin fourni par Adobe pour simplifier le processus de développement. Enfin, nous modifierons diverses propriétés telles que la couleur de fond, la couleur de la tête et les dégradés pour personnaliser notre panel.
Nous verrons également comment appliquer ce skin nouvellement créé à un panel via la propriété skinClass en MXML et par l'utilisation de fichiers de style CSS. En suivant ce tutoriel, vous serez en mesure de personnaliser l'apparence de vos composants et d'améliorer l'interface utilisateur de vos applications.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Les bases de Flex
Module 3 - Les composants d'interfaces
Module 4 - Création de 'pages' et animation
Module 5 - Changer l'apparence des composants (Skinning)
Module 6 - Interaction avec des données
Module 7 - Classes AS
Module 8 - Adobe AIR
Module 9 - De Flex 3 à Flex 4
Module 10 - Aller plus loin
Module 11 - Extrait gratuit
