Flex States: Modifier le Style d'un Composant
En utilisant le tag <mx:SetStyle>, vous pouvez modifiez le style d'un composant en définissant son état. On modifie le style quand on veut changer l'apparance (comme la couleur ou la police d'écriture) d'un composant lorsqu'il change d'état. Le tag <mx:SetStyle> a les mêmes attributs que le tag <mx:SetProperty>:
- "target": référence vers l'objet auquel vous voulez appliquer la modification de style
- "name": nom du style à modifier
- "value": spécifie la valeur à appliquer au style à modifier
L'exemple suivant utilise 3 boutons pour basculer entre 3 états. Chaque état modifie la couleur des CheckBox pour mettre en valeur les groupes de transports (terre, air et marin). Par exemple, quand l'utilisateur clique sur le bouton Terre, les labels voiture, train et moto vont être affichée avec une police rouge.
Flex States: Modifier la propriété d'un composant
En utilisant le tag <mx:SetProperty>, vous pouvez modifier la valeur d'une propriété d'un composant existant dans cet état. Par exemple, vous pouvez modifier le texte d'un Label, basculer la propriété "enabled" d'un champ de saisie, changer les coordonnées X et Y d'un conteneur, ou même appliquer un filtre (un flou/blur par exemple). Le tag <mx:SetProperty> requiert 3 attributs:
- "target": référence vers l'objet auquel vous voulez appliquer la modification de propriété
- "name": nom de la propriété à modifier (enabled, x, text …)
- "value": spécifie la valeur à appliquer à la propriété à modifier
Flex States: Ajouter et Supprimer des Composants
L'utilisation la plus commune des states est l'ajout et la suppression de composants. Vous pouvez utilisez le tag <mx:AddChild> pour ajouter un ou des composants. De la même manière, on utilisera le tag <mx:RemoveChild> pour supprimer un composant. L'exemple suivant défini un état nommé newTextInput qui ajoute un champ texte.
Exemple de Flex Alert simple
Cet exemple montre une méthode pour afficher une boîte de dialogue dans une application Flex. Cette boîte de dialogue est dans le même style qu'une boîte de dialogue créée en JavaScript avec alert("texte");.
Ici on utilisera le composant Alert de Flex. Cet exemple montre simplement comment afficher une boîte de dialogue et n'explique pas comment savoir sur quel bouton l'utilisateur a cliqué.
Flex States: Définir des états basés sur des états existants
Par défaut, les états sont basés sur le "base state". Quand un nouvel état est appliqué, les éléments de l'état de base continuent à exister. Cependant, les states ne sont pas appliqué cumulativement. Par exemple, la portion de code suivante définit deux états en plus de l'état de base. L'état de base comprend deux boutons. Chaque bouton appliquant un de ces états. Lorsque l'état newCheckbox est appliqué, une nouvelle Checkbox est ajoutée. Quand l'état newTextArea est appliqué, une zone de texte est ajoutée mais si la checkbox a déjà été ajoutée, elle est supprimée.
Mes projets (Open Source)
Autres
