Utilisation des panneaux de création Animate

Dans l’espace de travail Animate, les panneaux de création contiennent des commandes de création et de publication que vous pouvez organiser selon vos préférences. Vous pouvez également faire glisser un panneau hors de son emplacement, le redimensionner, puis le placer n’importe où sur l’écran pour un accès rapide. Il est également possible de verrouiller le panneau des menus contextuels d’Animate à un emplacement donné de l’écran. Si vous le verrouillez, le panneau ne se déplace pas lorsque vous le faites glisser par inadvertance pendant que vous travaillez. 

L’inspecteur des propriétés facilite l’accès aux attributs les plus fréquemment utilisés de la sélection actuelle, que ce soit sur la scène ou dans le scénario. Il vous permet de modifier les attributs d’un document ou d’un objet dans l’inspecteur des propriétés sans avoir à accéder aux menus ou aux panneaux qui déterminent ces attributs.

En fonction de la sélection, l’inspecteur des propriétés affiche les informations et les paramètres du document, du texte, du symbole, de la forme, du bitmap, de la vidéo, du groupe, de l’image ou de l’outil actuel. Lorsque plusieurs types d’objets sont sélectionnés, il affiche le nombre total d’objets sélectionnés.

Pour afficher l’inspecteur des propriétés, sélectionnez Fenêtre > Propriétés ou appuyez sur Ctrl+F3 (Windows) ou sur Commande+F3 (Macintosh).

La version Animate 2020 offre un inspecteur des propriétés modernisé comprenant quatre onglets, Outils, Objets, Image et Document.  Chaque onglet correspond aux propriétés de la sélection actuelle. 

Outil -  Indique l’outil actuellement sélectionné. Si un outil ne comporte pas d’inspecteur des propriétés valide, l’inspecteur des propriétés Doc s’affiche et l’onglet Inspecteur de propriété Outil est désactivé. Cet onglet fait référence aux propriétés de l'outil actuellement sélectionné.

Objet - Indique l’objet actuel sélectionné sur la scène. Si aucun objet n'est sélectionné, cet onglet est désactivé. Cet onglet fait référence aux propriétés de l'objet actuellement sélectionné.

Image - Indique l’image actuelle sélectionnée dans le scénario. Si aucune image n'est sélectionnée, cet onglet est désactivé. Cet onglet fait référence aux propriétés de l’image actuellement sélectionnée.

Document - Indique le document actuel sur lequel vous travaillez. Cet onglet décrit les propriétés spécifiques au document actuellement ouvert.

Propriétés des outils PolyEtoile, Rectangle, Ovale, Texte et Baguette magique mises à jour

Le panneau de l'inspecteur des propriétés a été modernisé pour les outils PolyEtoile, Rectangle, Ovale, Texte et Baguette magique afin de favoriser l'accessibilité et l’expérience harmonieuse de l’utilisateur.

C’est dans le panneau Bibliothèque (Fenêtre > Bibliothèque) que vous stockez et organisez les symboles créés dans Animate. Vous pouvez également stocker des fichiers importés, tels que les graphiques bitmap, les fichiers audio et les clips vidéo. Le panneau Bibliothèque vous permet d’organiser le contenu de la bibliothèque dans des dossiers. Il permet également de voir la fréquence d’utilisation d’un élément dans un document et de trier les éléments par nom, type, date, nombre d’utilisations ou identificateur de liaison ActionScript®. Par exemple, lorsque vous importez un GIF animé dans la bibliothèque, un dossier nommé GIF est créé sous le dossier racine et le fichier y est placé. Vous pouvez également effectuer une recherche dans le panneau Bibliothèque en saisissant un nom de symbole ou de liaison dans le champ de recherche. Vous pouvez également définir des propriétés pour la plupart des sélections d’objets multiples.

Le panneau Actions vous permet de créer et de modifier le code ActionScript pour un objet ou une image. La sélection d’une occurrence de bouton, de clip ou d’image rend le panneau Actions actif. Le titre du panneau Actions devient Actions – Boutons, Actions – Clips ou Actions – Images en fonction de votre sélection.

Pour afficher le panneau Actions, sélectionnez Fenêtre > Actions ou appuyez sur la touche F9. Pour plus d’informations sur le panneau Actions, voir Présentation du panneau Actions. 

L’explorateur d’animations vous permet d’afficher et d’organiser le contenu d’un document et de sélectionner des éléments d’un document pour les modifier. Il contient une liste affichant tous les éléments actuellement utilisés, organisés dans une arborescence hiérarchique navigable.

Vous pouvez utiliser l’explorateur d’animations pour exécuter les actions suivantes :

• Filtrer les catégories d’éléments d’un document qui apparaissent dans l’explorateur d’animations.

• Afficher les catégories sélectionnées en tant que séquences, définitions de symboles ou les deux.

• Développer ou réduire l’arborescence.

• Rechercher un élément d’un document par son nom.

• Vous familiariser avec la structure d’un document Animate créé par un autre développeur.

• Rechercher toutes les occurrences d’un symbole ou d’une action spécifique.

• Imprimer la liste navigable actuellement affichée dans l’explorateur d’animations.

L’explorateur d’animations possède un menu Panneau, de même qu’un menu contextuel, contenant des options permettant de réaliser des opérations sur des éléments sélectionnés ou de modifier l’affichage de l’explorateur d’animations. Une coche avec un triangle juste en dessous dans le panneau Explorateur d’animations signale le menu Panneau.

• Pour afficher le texte, les symboles, le code ActionScript, les fichiers importés, les images ou les calques, cliquez sur un ou plusieurs boutons de filtre à droite de l’option Afficher. Pour personnaliser les éléments à afficher, cliquez sur le bouton Personnaliser. Sélectionnez des options dans la zone Afficher de la boîte de dialogue Paramètres de l’explorateur d’animations pour afficher ces éléments.

• Sélectionnez Afficher les éléments de l’animation dans le menu Panneau de l’explorateur d’animations pour afficher des éléments dans des séquences.

• Sélectionnez Afficher les définitions de symboles dans le menu Panneau de l’explorateur d’animations pour afficher des informations sur les symboles.

Dans Animate, un composant est un module préparé et réutilisable qui ajoute une fonctionnalité particulière à un document Animate. Les composants peuvent inclure des graphiques, ainsi que du code. Ils contiennent donc des fonctionnalités prédéfinies que vous pouvez aisément ajouter à vos projets Animate. Il peut s’agir par exemple d’un bouton radio, d’une boîte de dialogue ou d’une barre de chargement. Il peut même s’agir d’un élément sans aucun graphique, tel qu’un minuteur, un utilitaire de connexion au serveur ou un analyseur XML personnalisé.

Si vous avez peu d’expérience en écriture de code ActionScript, vous pouvez ajouter des composants à un document, définir leurs paramètres dans l’inspecteur des propriétés ou dans l’inspecteur des composants. Utilisez le panneau Comportements afin de gérer leurs événements. Par exemple, vous pouvez affecter un comportement Atteindre la page web à un composant Bouton. Une adresse URL s’ouvre dans un navigateur web lorsque l’utilisateur clique sur ce bouton. sans écrire aucun code ActionScript.

Si vous êtes programmeur et que vous souhaitez créer des applications plus robustes, vous pouvez créer des composants de manière dynamique. Utilisez ActionScript pour définir les propriétés et appeler les méthodes à l’exécution. Vous pouvez également exploiter le modèle à écouteur d’événement pour gérer les événements.

Lorsque vous ajoutez un composant à un document pour la première fois, Animate l’importe en tant que clip dans le panneau Bibliothèque. Vous pouvez également faire glisser un composant du panneau Composants directement vers le panneau Bibliothèque, puis en ajouter une occurrence sur la scène. Vous devez à chaque fois ajouter un composant à la bibliothèque pour pouvoir accéder aux éléments de sa classe.

Les concepteurs peuvent importer leurs composants externes dans Animate pour les utiliser lorsqu’ils créent des animations. Pour faciliter ce workflow, Animate propose la section des paramètres de composant sous la forme d’un panneau. Cette fonctionnalité vous permet de redimensionner ou de déplacer ce panneau dans l’environnement de scène d’Animate. Vous pouvez également verrouiller le panneau dans sa position en cliquant sur l’icône en forme de hamburger dans le coin supérieur droit du panneau. Sélectionnez l’option de verrouillage dans le menu.

Vous pouvez ouvrir ce panneau en utilisant le bouton Afficher les paramètres dans l’inspecteur des propriétés ou en sélectionnant Fenêtre > Paramètres de composant. Vous pouvez ajouter des valeurs aux paramètres dans la boîte de dialogue.

En outre, les développeurs de composants personnalisés HTML5 peuvent désormais utiliser l’interface utilisateur HTML/CSS pour leurs paramètres.

(Obsolète dans Animate) Vous pouvez afficher une liste des services web, les actualiser et en ajouter ou en supprimer à l’aide du panneau Services web. Cliquez sur Fenêtre > Autres panneaux > Services web . Une fois que vous l’avez ajouté au panneau Services web, vous pouvez utiliser le service web pour toutes les applications que vous créez.

Pour actualiser tous les services web en même temps, dans le panneau Services web, cliquez sur le bouton Actualiser les services web. Si, au lieu d’utiliser la scène, vous rédigez du code ActionScript, vous pouvez utiliser le panneau Services web pour gérer ces services.