In questo tutorial vedremo i concetti di base per la creazione di layout fluidi in Flash AS3. Questo tipo di struttura espande e riposiziona il suo contenuto in maniera automatica in base alla dimensione della finestra. Potete vedere un esempio qui. Una volta caricata la pagina, provate a ridimensionare la finestra per vedere il contenuto posizionato automaticamente al centro della pagina.
1 - Per prima cosa create un nuovo MovieClip > Inserisci/Nuovo simbolo (ctrl+F8)
2 - Assegnate al clip creato come Nome Istanza: myClip
3 - Aprite il panello Azioni > Finestra/Azioni (F9) e inserite il codice sottostante:
NB: Prima di ogni riga di codice trovate il commento che vi spiega le funzioni:

//Importiamo la classe Tween
import fl.transitions.Tween;
import fl.transitions.easing.*;

//funzione che gestisce il ridimensionamento/resize dello stage
stage.addEventListener(Event.RESIZE, resizeListener);

/*Rende fissa l'intera applicazione Flash, in modo che rimanga invariata
anche se cambiano le dimensioni della finestra del lettore.*/
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

//Creiamo due variabili che sarano come riferimento per i Tweens nella funzione di ridimensionamento
var xTween:Tween;
var yTween:Tween;

//e alla fine aggiorniamo la funzione "resizeListener" per posizionare il clip al centro dello Stage
function resizeListener (e:Event):void {
xTween = new Tween (myClip, "x", Elastic.easeOut, myClip.x, (stage.stageWidth / 2), 2, true);
yTween = new Tween (myClip, "y", Elastic.easeOut, myClip.y, (stage.stageHeight / 2), 2, true);
}

4 - Provate il filmato > Controllo/Prova filmato (ctrl+Invio) e ridimensionate la finestra per vedere l'effetto e.... buon divertimento :)


Articoli correlati per categorie




 Abbonati gratis a questo blog      

1 commenti

  1. Marco // 9 settembre 2011 alle ore 11:54  

    Grazie :)   :)
    Era quello che cercavo.
    Ciao :)

Posta un commento