Creare e gestire testi dinamici scorrevoli: ScrollingText class

Scarica l’esempio completo

SPIEGAZIONE:
La classe in ActionScript 3.0 che ho creato per l’occerrenza permette in circa 3 righe di codice di

  • creare un campo di testo dinamico impostando: larghezza, altezza, posizione x, posizione y sullo stage ed eventuale bordo di cornice.
  • (opzionale a seconda delle vostre necessità) scegliere il font da associare e la dimensione del font.
  • scrivere utilizzando tag dell’HTML o meno (ad esempio per formattare testo con qualche tag).

Ciascuna delle 3 opzioni è gestita da un relativo metodo:

  • setTextField(posizioneX:Number, posizioneY:Number, altezza:Number, larghezza:Number, bordo:Boolean);
  • setFormatText(nomeDelFont:String, sizeDelFont:Number);
  • insertContent(testo:String, html:Boolean);

Al vostro lavoro dovrete solo aggiungere i pulsanti che vorrete utilizzare per lo scrolling. Questa scelta è stata volontaria. Presumo che ognuno voglia disegnare i proprio pulsanti ! :)

NOTA: Il costruttore ha impostato un parametro (_fla) di tipo Movie Clip, per ereditare la Display Object dello Stage.

ESEMPIO:
In questo esempio vedremo come creare un testo scorrevole utilizzando la classe ScrollingText.
Per l’occorrenza dobbiamo solo disegnare i pulsanti (come spiegato poche righe fa) e aggiungere il codice necessario.

  1. Aprite un nuovo documento Flash e salvatelo dove preferite.
  2. Disegnate i pulsanti di up e down per lo scorrimento del testo. Convertiteli ciascuno in MovieClip (non in pulsanti).
  3. Se volete crerae un effetto di rollover, disegnate il vostro rollover nel 2° fotogramma dei pulsanti di scorrimento che avete disegnato al punto 2. Non è necessario inserire alcuna azione in questi pulsanti .
  4. Cancellate i pulsanti dallo stage ma NON dalla libreria.
  5. Aprite la libreria e cliccate col tasto destro sui simboli Movie Clip dei pulsanti appena creati.
  6. Cliccate sulla voce “Concatenamento”.
  7. Spuntate la voce “Esporta per ActionScript” e inserite come nome Classe: “TextButtonDown” (come mostrato nella figura seguente).
  8. Ripetete il punto 7 inserendo come nome Classe “TextButtonUp”.
  9. Cliccate sul primo fotogramma e aprite il pannello Azioni.
  10. Scrivete il seguente codice:

var testoScorrevole:ScrollingText=new ScrollingText(this);

testoScorrevole.setTextField(100,30,200,80,true);
//100: posizione x; 30:posizione y; 200:larghezza del testo; 80:altezza del testo; true:mostra bordo (false:nasconde bordo).

testoScorrevole.insertContent(“<b>Lorem ipsum dolor Morbi nunc gravidcursus nec, luctus a, lorem</b>.<br>Maecenas tristique orci ac sem.Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet, consectetuer adipiscing elitLorem ipsum dolor Morbi nunc gravidcursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet, consectetuer adipiscing elitLorem ipsum dolor Morbi nunc gravidcursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor amet, consectetuer adipiscing elit FINE”, true);//Il primo gruppo di testo è il testo effettivo da visualizzare. Il parametro true riguarda l’uso di tag HTML (true: i tag possono essere usati; false: i tag NON posso essere usati).

testoScorrevole.setFormatText(“Arial”, 13);//Fate attenzione a scrivere sempre bene il nome della Font!!! 13=dimensione del font



Lascia un Commento

N5VI

Please type the text above: