Flash Lite 2

Développement d'applications Flash Lite 2.x > Utilisation du texte et des polices > Création de texte défilant (Flash Professional uniquement)

Création de texte défilant (Flash Professional uniquement)

Flash Lite prend en charge les propriétés TextField.scroll et TextField.maxscroll, ce qui permet de créer des champs texte défilants. La propriété scroll désigne la première ligne visible d'un bloc de texte ; vous pouvez lire et définir sa valeur. Par exemple, le code suivant fait défiler le champ texte dont le nom de variable est story_text de cinq lignes vers le bas :

story_text.scroll += 5;

La propriété maxscroll spécifie la première ligne de texte visible dans un bloc de texte lorsque la dernière ligne de ce bloc est visible ; cette propriété est en lecture seule. Vous pouvez comparer la propriété maxscroll d'un champ texte à sa propriété scroll pour déterminer le niveau de défilement atteint par l'utilisateur dans un champ texte. Cela peut s'avérer utile si vous souhaitez créer une barre de défilement fournissant un compte-rendu sur la position de défilement actuelle de l'utilisateur par rapport à la position de défilement maximale.

Pour créer un champ texte défilant et le contrôler à l'aide de code ActionScript :

1. Dans Flash, créez un document à l'aide du modèle générique de périphérique de Flash Lite 2.0 que vous avez créé précédemment. (Consultez la section Création d'une application Flash Lite (Flash Professional uniquement) dans le guide Bien démarrer avec Flash Lite 2.x).
2. En utilisant l'outil Texte, faites glisser un champ texte d'environ la taille indiquée dans l'illustration suivante sur la scène :

   
   
   

3. Dans l'inspecteur Propriétés, sélectionnez Multiligne dans le menu contextuel Type de ligne.
4. Dans l'inspecteur Propriétés, choisissez Texte dynamique dans le menu contextuel Type de texte.
5. Sélectionnez Utiliser les polices de périphérique dans le menu déroulant Méthode de rendu des polices dans l'inspecteur Propriétés.
6. Choisissez Texte > Défilant pour faire défiler le champ texte.
7. Dans l'inspecteur Propriétés, tapez story dans le champ Nom d'occurrence de l'inspecteur Propriétés.
8. Double-cliquez dans le champ texte et tapez un texte suffisamment long pour qu'une ou plusieurs lignes dépassent de sa bordure inférieure.

   
   
   

9. Dans le scénario, cliquez sur la première image du calque 1 et ouvrez le panneau Actions (Fenêtre > Actions).
10. Entrez le code suivant dans le panneau Actions :

    var keyListener:Object = new Object();
    keyListener.onKeyDown = function() {
        var keyCode = Key.getCode();
        if (keyCode == Key.DOWN) {
            story.scroll++;
        }
        else if (keyCode == Key.UP) {
            story.scroll--;
        }
    };
    Key.addListener(keyListener);
    

11. Choisissez Contrôle > Tester l'animation pour tester l'application dans l'émulateur de Flash Lite.

    Cliquez sur les touches de navigation Haut et Bas de l'émulateur (ou les flèches Haut et Bas du clavier de votre ordinateur) pour faire défiler le texte vers le haut ou le bas.