Augitaly blog: il sito per i fan di Adobe

Come vedrete dalla demo on-line, utilizzeremo un pulsante per attivare e disattivare la modalità a schermo intero.
Una volta abilitata la modalità FullScreen, Flash visualizzerà automaticamente per qualche secondo la frase “Premere Esc per uscire dalla modalità a schermo intero" e sarà quindi possibile tornare alla visualizzazione classica cliccando nuovamente sul pulsante o premendo appunto il tasto della tastiera “ESC”

PREPARARE LO STAGE DI FLASH CS 3

Per cominciare create un nuovo file Flash File (ActionScript 3.0) e trascinate sullo Stage un componente Button assegnando come nome istanza fullScreen_btn e come label "Attiva FULLSCREEN”.

IL CODICE ACTIONSCRIPT 3.0
Posizionate il seguente codice sul primo frame del file Flash.

// Importiamo le classi necessarie al funzionamento dello scriptimport flash.display.Stage;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;
import flash.events.FullScreenEvent;

// Memorizziamo lo status del FULLSCREEN:
// false = NORMAL(default) | true = FULL SCREEN
var FullScreenStatus:Boolean;

function init():void
{
// Impostiamo le proprietà dello Stage (NO_SCALE allineato in alto a sinistra)
var swfStage:Stage = fullScreen_btn.stage;
swfStage.scaleMode = StageScaleMode.NO_SCALE;
swfStage.align = StageAlign.TOP_LEFT;
}
init()

// ==============================================
// LISTENER e EVENT HANDLER per la modalità FullScreen:
// ==============================================
function fullScreenRedraw(event:FullScreenEvent):void
{
// Modalità FullScreen Attivata
if (event.fullScreen)
{
fullScreen_btn.label = "Disattiva FULLSCREEN";
FullScreenStatus = true;
}

// Modalità FullScreen Disattivata else
{
fullScreen_btn.label = "Attiva FULLSCREEN";
FullScreenStatus = false;
}

}

// Registriamo un listener per la modalità FULLSCREEN:
// richiamato ogni volta che la variabile FULL_SCREEN viene modificata fullScreen_btn.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenRedraw);

// =======================================
// Pulsante per attivare o meno la modalità FULLSCREEN
// =======================================
function changeFullScreenStatus(e:MouseEvent):void
{

if(FullScreenStatus)
fullScreen_btn.stage.displayState = StageDisplayState.NORMAL;
else
fullScreen_btn.stage.displayState = StageDisplayState.FULL_SCREEN;

}
fullScreen_btn.addEventListener(MouseEvent.CLICK, changeFullScreenStatus)

PUBBLICARE IL FILE

Pubblicate il file selezionando il menu FILE -> Publish Setting e cliccando sul pulsante PUBLISH, verificando però che siano selezionate le opzioni Flash e HTML nella scheda Formats

L’ATTRIBUTO HTML ‘allowfullscreen’

Se avete testato lo script da Flash, avrete notato che la modalità FullScreen non funziona
in quanto è possibile utilizzarla solo all’interno di un browser come Internet Explorer o Firefox. Dovrete perciò effettuare una piccola modifica al file HTML che contiene l’swf.

E’ necessario settare a true l’attributo allowfullscreen nei tag HTML inerenti all’swf incluso, ovvero nell’OBJECT, nell’EMBED e nei parametri passati alla funzione AC_FL_RunContent.

Per effettuare questa operazione in modo agevole consiglio di aprire il file HTML generato da Flash in Dreamweaver 8 o superiore, selezionare con il mouse l’oggetto SWF e aprire il pannello PARAMETERS cliccando in basso sull’apposito pulsante posto nella barra delle proprietà (vedi immagine seguente).

Settare infine la proprietà allowFullScreen a true.

Aprite il file HTML da un qualunque browser e verificate il funzionamento.