Flash tiptrik – fullscreen
19.4.2007· Autor: Ondřej Brichta·
Počet komentářů: 7
Od flashplayeru verze 9,0,28,0 máme možnost využívat zajímavou funkci, která umožňuje spuštění prezentace v opravdovém fullscreen modu. Dnes si ukážeme jak toho dosáhnout pomocí Flash 8 a pomocí Flex Builderu.
Nové možnosti prezentací
Jak jsme zmínili v úvodníku, pokud máme nainstalovanou verzi flashplayeru 9,0,28,0 a vyšší, můžeme bez problémů testovat a využívat nové možnosti vytvoření fullscreen prezentace. Obrovskou výhodou je fakt, že se nemusíme starat o optimalizaci pro jednotlivé prohlížeče. Jak jsme zvyklí z flashových aplikací, opět to bude fungovat všude tam, kde je nainstalovaný již zmíněný flashplayer 9,0,28,0.
Jak postupovat?
Sice je nový Flash CS3 za dveřmi, ale pořád ještě máme povětšinou nainstalovaný Flash 8. Jak jej přinutíme, aby fungovaly prezentace v něm vytvořené ve fullscreen modu? Velice snadno. Protože s novu funkcí přibyla vlastnost „displayState" třídy „Stage", měli bychom upravit příslušný .as soubor. Ovšem úplně dostačující bude, když na tlačítko, které má sloužit pro přepnutí do fullscreen modu vložíme skript:
on (release) {
Stage["displayState"] = "fullScreen";
}
naopak tlačítko, které vrátí zobrazení do „normálu" bude obsahovat skript:
on (release) {
Stage["displayState"] = "normal";
}
Musíme si ale připomenout jednu vlastnost, která se týká spouštění fullscreen modu. Ten lze spustit pouze po události kliknutí myši na tlačítko a nebo po události stisknutí klávesy. V jiných případech jej spustit nelze.
Pokud máme na obou tlačítkách příslušný skript, vyexportujeme SWF soubor. Ovšem povolení fullscreen modu musíme ještě nastavit přímo v HTML kódu webové stránky. Není to ovšem nic složitého, pouze doplníme tag SWF objektu:
<param name="allowFullScreen" value="true" />
a do <embed> tagu doplníme:
<embed allowFullScreen="true" ...
Výsledek pak může vypadat takto:
Fullscreen ve Flex Builderu
Obdobně jednoduchá situace je ve Flex Builderu. Nejprve si ale stáhneme potřebné soubory aktualizací zde: fullscreen.zip. Nejprve aktualizujeme soubor playerglobal.swc v adresáři: Flex Builder 2/Flex SDK 2/frameworks/libs/playerglobal.swc
Pokud budeme chtít použít fullscreen mod v některém z projektů, aktualizujeme soubory šablon v adresáři html-template daného projektu. Prakticky se jedná o doplnění potřebných parametrů (povolení fullscreen modu, který je defaultně zakázán) do HTML šablon.
Zdrojový MXML kód pak může vypadat takto:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientColors="[#4C729F, #4C729F]">
<mx:Script>
<![CDATA[
import flash.display.Stage;
import flash.display.StageDisplayState;
import flash.display.InteractiveObject;
import flash.events.*;
import flash.events.ContextMenuEvent;
import flash.ui.ContextMenu;
import flash.ui.ContextMenuItem;
import flash.ui.ContextMenuBuiltInItems;
private function goFullScreen():void
{
stage.displayState = StageDisplayState.FULL_SCREEN;
}
private function exitFullScreen():void
{
stage.displayState = StageDisplayState.NORMAL;
}
]]>
</mx:Script>
<mx:Button click="goFullScreen();" id="btn" label="Go Fullscreen"/>
<mx:Button click="exitFullScreen();" label="Quit Fullscreen"/>
<mx:Image source="@Embed('PICT0967.jpg')" autoLoad="true" scaleContent="true" alpha="0.7"/>
</mx:Application>
A výsledná aplikace:
Zajímavé ukázky fullscreen prezentací nalezneme zde: http://labs.adobe.com/...
Ondřej Brichta Vývojář multimediálních aplikací, šéfredaktor Flash.cz, školitel produktů Flash, Flex, Flash Media Server
Web:
http://www.obria.cz
|
Motto: <°))))><
Seriál:
Tipy a triky
Tipy a triky je seriál zaměřený na zajímavá řešení a vylepšení flashových aplikací