PDF (adobe.com)

Application d’états à des boutons



Vous pouvez définir jusqu’à quatre états par bouton. Ceux-ci représentent l’aspect que peut prendre le bouton selon l’action de la souris. Les boutons à deux états disposent d’un état Relevé et d’un état Enfoncé. Les boutons à trois et quatre états disposent d’un état Au-dessus et d’un état Au-dessus Enfoncé. Ces états représentent l’aspect du bouton lorsque le pointeur de la souris le survole lorsqu’il est relevé (Au-dessus) ou enfoncé (Au-dessus Enfoncé).

Vous pouvez créer une barre de navigation qui utilise des boutons à deux ou trois états. Cependant, seuls les boutons à quatre états peuvent tirer parti des comportements intégrés de barre de navigation de Fireworks.

Création d’un bouton simple à deux états

  1. Pour accéder au mode d’édition de symboles, procédez de l’une ou l’autre des manières suivantes :

    • Cliquez deux fois sur un bouton existant sur la zone de travail.

    • Choisissez Edition > Insertion > Nouveau bouton.

  2. Pour importer ou créer le graphique de l’état Relevé, procédez de l’une des manières suivantes :

    • Glissez et déposez ou importez dans l’espace de travail le graphique que vous souhaitez faire correspondre à l’état relevé du bouton.

    • Créez un graphique à l’aide des outils de dessin, ou utilisez l’outil Texte pour créer un bouton à partir d’un texte.

    • Dans l’inspecteur des propriétés, cliquez sur Importer un bouton et sélectionnez un bouton éditable prêt à l’emploi dans la bibliothèque de boutons Importer des symboles . Cette option permet d’associer automatiquement chaque état du bouton aux textes et graphiques correspondants.

    • (Facultatif) Définissez les repères de mise à l’échelle en 9 tranches de sorte que le bouton ne soit pas déformé lors du redimensionnement (voir la section Application de repères 9 tranches à un symbole).

    • (Facultatif) Sélectionnez l’outil Texte, puis créez le texte associé au bouton.

  3. Pour créer l’état Au-dessus, dans le menu contextuel, sélectionnez Au-dessus et procédez de l’une des manières suivantes :

    • Cliquez sur Copier le graphique Relevé pour coller une copie du bouton à l’état Relevé dans la fenêtre Au-dessus, puis modifiez cette copie.

    • Glissez et déposez, importez ou dessinez le graphique.

  4. (Facultatif) Pour utiliser des filtres dynamiques afin de créer des aspects communs pour chaque état, sélectionnez le graphique auquel ajouter un filtre dynamique, puis cliquez sur le bouton Ajouter des filtres dans l’inspecteur des propriétés.

  5. Sélectionnez la commande Biseau et estampage > Biseau intérieur, Estampe rapportée, Biseau externe ou Estampe en relief.

  6. Sélectionnez un filtre prédéfini de bouton pour chaque état.

    Filtre prédéfini de bouton

    Description

    En relief

    Le biseau semble en relief au-dessus des objets sous-jacents.

    En surbrillance

    Les couleurs du bouton s’éclaircissent.

    Cartouche

    Le biseau semble enfoncé au-dessous des objets sous-jacents.

    Inversé

    Le biseau semble enfoncé au-dessous des objets sous-jacents et les couleurs s’illuminent.

Création d’un bouton à trois ou quatre états

Bien que les boutons à quatre états ne soient pas obligatoires, ils vous permettent de tirer parti des comportements intégrés de barre de navigation.

  1. Avec un bouton à deux états ouvert dans la zone de travail et en mode d’édition du symbole, dans le menu contextuel de l’inspecteur des propriétés, sélectionnez Enfoncé et procédez de l’une des manières suivantes :

    • Cliquez sur Copier le graphique Au-dessus pour coller une copie du bouton à l’état Au-dessus dans la fenêtre Enfoncé, puis modifiez cette copie pour changer son aspect.

    • Glissez et déposez, importez ou dessinez le graphique.

  2. Pour ajouter un état Au-dessus Enfoncé, vérifiez que le bouton de l’état Enfoncé est ouvert, puis répétez l’étape 1.

  3. (Facultatif) Appliquez des filtres prédéfinis aux boutons.

    Remarque : lorsque vous insérez ou créez un graphique pour les états Enfoncé ou Au-dessus Enfoncé, les options d’intégration de l’état à la barre de navigation sont sélectionnées automatiquement.