FLASH - menu s posuvníkem (dokončení) - Grafika.cz - vše o počítačové grafice

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Webdesign

FLASH - menu s posuvníkem (dokončení)

14. listopadu 2000, 00.00 | Menu, které je širší než samotná animace, je ovládáno posuvníkem. Po kliknutí na tlačítka jsou natahovány další externí swf soubory. Jak na to? (dokončení)

První část návodu najdete ZDE.

Pokračujeme klipem "posuvnik", který je vlastně ovladač menu. Zde bude vnořen další klip "voditko", který ale vytvoříme až po zadání několika proměnných v klipu "posuvnik".
Do první vrstvy (posuvnik) nakreslíme, nebo vložíme objekt, který bude znázorňovat posuvník (zvolil jsem obyčejné kolečko). V tomto klipu budou obsazena pouze dvě pole, proto můžeme i na pole dvě přidat klíčový rámeček.
V další vrstvě (button + voditko)necháme první pole prázdné a přidáme další vrstvu, do které budeme vkládat pouze akce. Je to lepší pro další orientaci a hledání v celé animaci. Tady určíme několik proměnných, které nám vyjadřují, či vymezují prostor ve kterém bude posuvník pracovat:

Set Variable: "celek_sirka" = 400
Set Variable: "leva" = GetProperty("",_x)
Set Variable: "prava" = GetProperty("",_x)+220
Set Variable: "zaklad" = GetProperty(cil,_x)

Vrátíme se do druhé vrstvy (button + voditko) a na poli dvě vložíme klíčový rámeček. Zde vytvoříme průhlednou barvou, přesně nad objektem posuvníku vytvořeném ve vrstvě první, tlačítko.

Další filmový klip umístěný na tomto poli je "voditko", který bude bez animace, bude obsahovat ale důležité akce.
Pole 1 - zde zadáme pouze akci Stop, ale také zadáme popisek rámečku - pauza. V této poloze bude klip stát a čekat na další příkazy.
Pole 3 - rámeček popíšeme - voditko a přidáme akce určující cíl a nastavení vlastností proměnných:

Begin Tell Target ("../")
    Set Property (cil, X Position) = zaklad - (((GetProperty("",_x) - leva) / celek_sirka) * GetProperty(cil,_width))
End Tell Target

Pole 5 - zadáme akci, vracející hrací hlavu na rámeček s popiskem - voditko :

Go to and Play ("voditko")

Takto připravený klip vložíme (a přidělíme mu Instance name - voditko)do stejného pole jako je průhledné tlačítko, kterému nyní můžeme přidělit tyto akce, vymezující oblast a cíle tažení :

On (Press)
    Start Drag ("", L=leva, T=GetProperty("",_y), R=prava, B=GetProperty("",_y))
    Begin Tell Target ("voditko")
        Go to and Play ("voditko")
    End Tell Target
End On
On (Release, Release Outside)
    Begin Tell Target ("voditko")
        Go to and Stop ("pauza")
    End Tell Target
    Stop Drag
End On

Ve vrstvě (akce), na druhém poli přidáme pouze akci Stop.

Situace na druhém poli ve vrstvě (button + voditko)a celá timeline bude vypadat takto:

    

Nyní máme všechny komponenty vytvořeny a můžeme přistoupit ke kompletaci na hlavní scéně.
Do první vrstvy (linka), nakreslíme vodící linku pro posuvník. Do další vrstvy (posuvnik) vložíme filmový klip posuvnik a přidáme jeho Instance name (posuvnik). Následuje vrstva (celek), kam vložíme filmový klip celek a přidělíme mu Instance name - celek. Poslední vrstvu budou tvořit pouze akce a to na prvním poli:

Begin Tell Target ("/posuvnik")
    Set Variable: "cil" = "/celek"
End Tell Target

a na poli dvě, pouze akce Stop.

Hlavní časová osa pak bude vypadat takto:

Zdrojové soubory jsou ke stažení TADY.

Obsah seriálu (více o seriálu):

Tématické zařazení:

 » Rubriky  » Webdesign  

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: