Grafika publishing webtip.cz grafika.cz mujiPod.cz mujmac.cz fotografovani.cz printing.cz builder.cz galerie
webtip.cz
adresář  | práce  | diskuse  | redakce  | inzerce
 
 


  Elegantní scrollování textu ve Flashi
o autorovi 
poslat mailem 
tisknout článek 
aktuální rubrika 
Dnes si ukážeme, jak pomocí jednoduché metody vytvořit scrollovaný text uvnitř HTML stránky. Pro tvorbu použijeme Macromedia Flash 5.

Sudacki Lukáš - 15.05.2001 - tutorial - Rubrika: Grafické editory Macromedia

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.

Sudacki Lukáš


Hodnocení článku: -1- -2- -3- -4- -5-  Aktuální hodnocení: 2.60 (3575)

Relevantní články
Žádné články


Příspěvky do diskuse o aktuálním článku
miky07.02.14:49error
miky07.02.14:44error
lukas02.12.22:07cestina
luka22.03.23:40RE: cestina
Dolik26.06.10:04RE: cestina
Jan Charvát27.06.17:57Rozmazání textu
SollArts13.04.15:15VYBORNE !!
Jiri Burian23.07.13:38I pres opravu chyby.............
Jiri Burian23.07.16:56RE: I pres opravu chyby.............
Dan17.06.14:08drobná chybička
LS - autor17.06.22:11RE: drobná chybička
  

 

  O vydavateli | Kontakt | Ceník reklamy | Ochrana osobních dat
©2002 Grafika Publishing. Všechna práva vyhrazena!