Skrolovátka jsou často používanou (a někdy nepostradatelnou) metodou, jak vtěsnat do stránky více textu najednou. Znáte-li Flash a děláte-li flashové stránky nebo prezentace, jistě víte, že zatím neexistuje příkaz, kterým byste jednoduše vložili na stránky skrolovátka. Kdykoliv potřebujete skrolovat text, musíte si je nejprve vyrobit.

Ukáži vám, jak si vytvořit taková pěkná skrolovátka na vaše flashové stránky či do různých firemních prezentací.

Naše výsledná práce bude vypadat a fungovat asi takto:

Nejprve si musíme upravit scénu pro naše potřeby (pravý klik - movie properities). Já jsem si zvolil scénu velikosti 300x300 px, o 15ti snímcích za sekundu, barva pozadí bude bílá.

Vytvoříme objekt, který budeme chtít skrolovat. Uděláme nový movie clip (Ctrl+F8). Název není podstatný. Já jsem ho pojmenoval "text". Do tohoto objektu umístíme text nebo obrázky, které se budou skrolovat. Nutné je, aby výška clipu "text" byla větší, než je výška scény. V paletce Instance dáme clipu jméno (name) "text".

Vrátíme se do hlavní scény.

Vytvoříme si nový movie clip (Ctrl+F8) s názvem "butony". Do něj umístíme dva buttony, kterým teď budeme přiřazovat funkce.

Na horní button umístíme tuto funkci:

on (rollOver) {     if (getProperty("../text", _y)>12.4) {         } else {                 tellTarget ("../text") {                 property = getProperty(text, _y);                 ypos = property+10;                 setProperty (_root.text, _y, ypos);                 gotoAndPlay (2);                 }         } }

Na dolní button dáme podobnou funkci:

on (rollOver) {     if (getProperty("../text", _y)<-577) {         } else {                 tellTarget ("../text") {                 property = getProperty(text, _y);                 ypos = property-10;                 setProperty (_root.text, _y, ypos);                 gotoAndPlay (2);                 }         } }

Teď klikneme na druhý snímek časové osy a vytvoříme zde keyframe(F6). U buttonů v tomto snímku upravíme funkci tak, že v osmém řádku předěláme

gotoAndPlay (2);

na

gotoAndPlay (1);

Teď vám tento script vysvětlím.

Číslo ve scriptech si musíte pozměnit podle výšky vaší scény, momentální polohy "textu" a výšky textu takto:

12.4= momentální poloha textu - 10
-577= výška ,,textu" v záporném čísle + 20 + výška scény

Teď stačí clip butony přetáhnout z knihovny (CTRL+L) na hlavní plochu.

Funkce scriptu je takováto:

Při najetí myši na dolní button ( on (rollOver) { ) si script zkontroluje, zda "text" nevyjížďí z plochy ( if (getProperty("../text", _y)<-577) { ) a jestli nevyjíždí ( } else { ), tak ho posune směrem nahoru o deset pixelů.

( property = getProperty(text, _y);
ypos = property-10;
setProperty (_root.text, _y, ypos); )

Poté pošle animaci na druhý snímek ( gotoAndPlay (2); ) a celá akce se opakuje.

Obdobné je to i u horního buttonu, jenom kontrola vyjíždění z plochy je nastavená jinak a o deset pixelů se "text" posunuje dolů.

Hotový .fla soubor je ZDE.

Čevelíček Marek