Vous venez de configurer la fonction d'expansion. À présent, vous devez faire en sorte que votre création se replie ou se ferme. Vous disposez pour cela de plusieurs méthodes :
Option 1 : repli lors de la sortie du curseurLe repli lors de la sortie du curseur permet d'afficher la création avant expansion chaque fois que l'internaute déplace le curseur de la souris hors de l'annonce post-expansion. Une annonce qui se déplie lors du survol de la souris se replie généralement lors de la sortie du curseur.
Pour activer cette fonctionnalité, ouvrez l'inspecteur de composant, puis procédez comme suit :
|
|
Sélectionnez Repli lors de la sortie du curseur dans la section Paramètres.En complément, nous vous conseillons d'ajouter un bouton de fermeture manuelle. La plupart des sites requièrent des boutons de fermeture. En effet, grâce à cette indication visuelle, les internautes savent qu'ils peuvent replier les créations expand à tout moment.
Le composant Close Button 
vous permet de fermer la création sans code supplémentaire. Il inclut par défaut une icône "X" de fermeture qui peut être remplacée par un élément graphique personnalisé pour tous les états du bouton (éloignement du curseur, survol, clic, zone d'interaction).
Le bouton de fermeture doit être ajouté sur l'une des couches supérieures du fichier Flash, pour éviter d'être bloqué accidentellement par une autre couche. Après chaque clic, le composant Close Button effectue automatiquement un suivi standard de fermeture manuelle.
Pour utiliser le composant, procédez comme suit :
- Faites glisser le composant dans l'espace de création, sur une nouvelle couche que vous nommerez "Close". Ajoutez le composant Close Button sur une couche supérieure, afin qu'aucun autre contenu au sein de la création ne le bloque.
- Vous n'avez pas besoin de saisir d'autres informations pour ce composant dans l'inspecteur.
Le composant Invisible Close Button 
vous permet, sans code supplémentaire, de placer dans l'espace de création un bouton invisible par-dessus une image personnalisée de bouton de fermeture. Il remplit les fonctions de suivi et de repli de l'annonce, tout en adoptant l'apparence d'un bouton préexistant.
Après chaque clic, le composant Invisible Close Button effectue automatiquement un suivi standard de fermeture manuelle.
Pour utiliser le composant, procédez comme suit :
- Faites glisser le composant dans l'espace de création, sur une nouvelle couche que vous nommerez "Close". Ajoutez le composant Invisible Close Button sur une couche supérieure, afin qu'aucun autre contenu au sein de la création ne le bloque.
- Placez le composant par-dessus l'image, au sein de la création, qui fera office de bouton de fermeture.
- Vous n'avez pas besoin de saisir d'autres informations pour ce composant dans l'inspecteur.
Pour replier le panneau enfant post-expansion, appelez la méthode expanding.collapse().
Rappel concernant DoubleClick Studio
Rappel concernant DoubleClick StudioAvec le composant Expanding, cette méthode appelle la classe "expanding". N'utilisez ni enabler.collapse() ni enabler.close(), sauf si vous concevez une création expand sans composant Expanding.
Contrairement aux deux composants Close Button, l'API exige l'ajout d'un code permettant d'appeler le suivi standard de fermeture manuelle lors du repli de l'annonce. Pour cela, vous devez appeler la méthode enabler.reportManualClose() avant le repli.
Pour obtenir un extrait de code, consultez la section "À vous de jouer !" ci-après.
À vous de jouer !
Ajoutez un bouton de fermeture dans le fichier du panneau déplié en appelant la méthode suivante à partir d'un objet Click (closeBtn dans cet exemple) :
Extrait de code AS3
import com.google.ads.studio.ProxyEnabler;
import com.google.ads.studio.utils.StudioClassAccessor;
// Faire référence au composant ProxyEnabler
var enabler:ProxyEnabler = ProxyEnabler.getInstance();
// Faire référence à la classe Expanding
var expanding:Object = StudioClassAccessor.getClass(StudioClassAccessor.CLASS_EXPANDING)["getInstance"]();
// Créer une fonction de repli
var closeClickHandler:Function = function(event:MouseEvent):void {
enabler.reportManualClose();
expanding.collapse();
}
closeBtn.addEventListener(MouseEvent.CLICK, closeClickHandler);
Testez votre travail
Exécutez la création dans Flash. Lorsque vous cliquez sur le bouton de fermeture, celui-ci doit renvoyer les informations suivantes dans le panneau de sortie :
- Enabler : Fermeture manuelle enregistrée
Événement du composant Expanding : collapseBegin
Enabler : Annonce avant expansion
Événement du composant Expanding : collapseComplete