Dnes si ukážeme, jak pomocí programu Flash 5 vytvořit "scrollovací" plochu, do které se bude načítat text ze souboru ve formátu txt
.
Nejdříve si pomocí zkratky Ctrl+L otevřeme knihovnu symbolů, kde si pomocí znaménka "+" v levém spodním rohu vytvoříme nový symbol "button", který pojmenujeme "šipka".
V tomto symbolu "button" si vytvoříme malou "šipku", která bude sloužit jako tlačítko, pomocí kterého budeme samotné scrollování ovládat.
Nyní si, opět v knihovně symbolů, vytvoříme nový symbol, ovšem teď to bude typu "Movie clip" a pojmenujeme jej "scrolling". Do tohoto "movie clipu" pouhým přetažením z knihovny symbolů umístíme naše tlačítko "šipka". Dále na toto tlačítko klikneme pravým tlačítkem myši a z dialogového okna vybereme položku "actions". Do dalšího okna, které se nám následně otevře vložíme následující jednoduchý skript:
on (press) {
scrolling = true;
}
on (release) {
scrolling = false;
}
Tento skript nám zajistí, že jakmile na toto tlačítko klikneme (on press), bude scrolování aktivní a jakmile toto kliknutí uvolníme (on release), tak již scrolování aktivní nebude.
Nyní se pomocí malé klapky v horním pravém rohu přepneme do hlavní scény.
Do scény přetáhneme myší z
knihovny symbolů náš movie clip "scrolling", který si následně pomocí Ctrl+D zduplikujeme a zrcadlově otočíme tak, aby byly umístěny stejně jako na obrázku níže.
Dále si pomocí nástroje text vytvoříme textové pole (stejným způsobem, jako vytváříme např. obdélník), který si umístíme doprostřed mezi tyto dvě šipky a do plovoucího okna zadáme následující hodnoty:
V této situaci bychom měli již vše připraveno na oživení.
Do prvního rámečku v hlavní scéně opět pomocí kliknutí pravého tlačítka a zvolení actions, vložíme skript:
this.loadVariables("text.txt");
Tento script nám zajistí, že jakmile se náš výtvor spustí, tak okamžitě načte externí soubor "text.txt". Nyní již zbývá pouze přiřadit tlačítkům v hlavní scéně odpovídající skripty.Toto docílíme stejným způsobem. Na levém horním tlačítku použijeme skript:
onClipEvent (enterFrame) {
if (scrolling) {
_root.textField.scroll--;
}
}
Tento skript zajistí, že bude scrolování probíhat opravdu tak, jak má a v případě kliku bude scrolování probíhat buďto ve směru nahoru, nebo ve směru dolů. Spodní tlačítko vybavíme totožně, pouze s tím rozdílem, že u ...textField.scroll... bude místo "--" "++".
Ve finále nesmíme zapomenout na vytvoření onoho text.txt souboru, jehož obsah závisí jen na vás.
Pro ukázku - naše dílo bude vypadat takto:
Zde jsme pro vaší kontrolu připravili zdrojovou podobu : scroll.zip.
WebTip.cz se opět po dlouhé době dočká pravidelné aktualizace a doufejme i dalšího rozvoje služeb. Pokud máte zájem se zapojit do budování projektu o webových technologiích, stačí poslat email s krátkým životopisem.
10. 3. 2003 - Pixy vyhlásil soutěž o nejkompatibilnější definici písem v CSS pro použití na českém webu. Tak by mě zajímalo, kolik kombinací je možné udělat z osmi možností :) (catt)
21. 2. 2003 - Aston opět zavedl komentáře ke článkům na Neviditelném psu. Stalo se tak na základě rozhořčených reakcí čtenářů a klubu na serveru Okoun. Do budoucna se počítá s registrací diskutujících.