Výuka Flash (14.)

Úvod

Verze Flash MX přišla s jednou novinkou, která umožní využívat tzv. komponenty. Komponenty lze charakterizovat jako předvytvořené klipy spolu s ActionScript rozhraním. Pomocí ActionScriptu lze ovládat vzhled, umístění a chování komponent. Standartně se dodávají list boxy, radio tlačtíka atd. Případní zájemci si mohou zdarma stáhnout některé již vytvořené komponenty na webu Macromedia Exchange for Flash Web site http://www.macromedia.com/exchange/ nebo na webových stránkách projektu, jenž se komponentami také zabývá http://www.flashcomponent.com/.

Instalace

Jak jsme si již řekli, tak standartní instalace Flash MX obsahuje několik komponent, které ihned můžeme využívat. Pokud budeme někdy chtít využít další komponenty, musíme si je nainstalovat. Soubor, který obsahuje komponentu má koncovku mxp a můžeme jej spustit v programu Extension Manager. Standartně se tento program nedodává, ale musíte si jej stáhnout na adrese http://www.macromedia.com/exchange/em_download/ (tuto aplikaci naleznete v sekci Aplikace).

Program Extension Manager nainstalujete klasickým způsobem a po úspěšné instalaci by se mělo zobrazit toto okno:

Po spuštění programu se zobrazí seznam již nainstalovaných komponent a jejich informace.

Jednotlivé komponenty můžeme odinstalovat pomocí File -> Remove Extension.

Začínáme

Seznam komponent, které můžeme využít nalezneme v panelu Components (CTRL + F7).

K využití komponent stačí vytvořit jejich instanci přetáhnutím na plochu. Každá komponenta má své vlastnosti a ActionScript metody k ovládání komponenty. Standartně se ve Flash MX nacházejí následující komponenty:

• ComboBox - klasický box pro výběr jedné z několika možností.
• CheckBox - klasické zaškrtávací pole.
• ListBox - box pro výběr jedné nebo více možností.
• PushButton - klasické tlačítko.
• RadioButton - pomocí tohoto prvku můžeme dát uživateli na výběr z několika možností.
• ScrollBar - horizontální a vertikální lišta pro posunování.
• ScrollPane - panel umožňující vložení textu, komponent atd.

Na webu Macromedia Exchange for Flash Web site je volně ke stažení další Flash Components Set 2 (více v sekci Aplikace), který obsahuje:

• Calendar - pomocí této komponenty si můžete vytvořit kalendář.
• GraggablePane - pokročilý přesunovací panel.
• IconButton - tlačítko s ikonou
• MessageBox - dialogové okno s výběrem tlačítek.
• ProgressBar - panel umožňující zobrazit např. stav načtení klipu.
• SplitView - panel umožňující rozdělit klip na více částí.
• Ticker - komponenta pro automatické posunování textu.
• Tree - komponenta pro tvorbu stromové struktury.

Ovládání komponent

Po vytvoření instance komponenty (přetáhnutí z panelu Components do aktuálního snímku) si můžeme zobrazit seznam všech částí, ze kterých se komponenta skládá v panelu Library. Zde si můžeme všimnout, že každá komponenta se skládá z několika Movie Clipů, obrázků a zdrojových kódu napsaných v ActionScriptu.

Každá komponenta obsahuje metody, pomocí kterých můžeme měnit její vlastnosti. Jako příklad si můžeme ukázat komponentu ComboBox, která má následující metody:

addItem

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Pomocí této metody můžeme přidávat jednotlivé položky do seznamu.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - pomocí Label můžeme nastavit popisek a pomocí Data vlastní hodnotu.

addItemAt

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Pomocí této metody můžeme přidávat jednotlivé položky do seznamu na zvolenou pozici.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - pomocí Label můžeme nastavit popisek, pomocí Data vlastní hodnotu a pomocí Index specifikovanou pozici.

getEnabled

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Pomocí této metody můžeme zjistit, zda je zvolená instance aktivní (povolena).

getItemAt

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí objekt, který se nachází na zvolené pozici.

Parametry:

• Index - zvolená pozice.

getLength

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí počet položek v seznamu.

Parametry:

• Index - zvolená pozice.

getRowCount

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí počet řádků viditelných v seznamu.

getScrollPosition

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí číselné vyjádření pozice aktuální vybrané položky.

getSelectedIndex

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí číselné vyjádření indexu aktuální vybrané položky.

getSelectedItem

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí (objekt) aktuální vybranou položku.

getValue

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Vrátí hodnotu vybrané položky.

removeAll

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Smaže všechny položky ze seznamu.

removeItemAt

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Smaže položku na zvolené pozici.

Parametry:

• Object - jméno objektu (instance komponenty).
• Index - pozice položky.

replaceItemAt

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Přepíše položku na zvolené pozici.

Parametry:

• Index - pozice položky.
• Label - popisek nové položky.
• Data - hodnota nové položky.

setChangeHandler

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje vytvořit funkci, která se zavolá vždy po změně položky. Vytvořená funkce může obsahovat parametr component, který se automaticky vyplní instancí komponenty.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - název funkce.

setDataprovider

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje naplnit box položkami z vytvořeného pole.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - název pole (DataProvider).

setEditable

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje nastavit, zda bude možné editovat položky.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - true/false - povoleno/zakázáno.

setItemSymbol

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje vložit grafický objekt z knihovny.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - ID symbolu.

setRowCount

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje nastavit počet řádků, které se zobrazí v menu bez posunování.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - počet řádků.

setSelectedIndex

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje zobrazit aktuální položku podle zadaného indexu.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - index položky.

setSize

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje nastavit šířku zvolené komponenty.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - šířka komponenty.

setStyleProperty

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Tato funkce se využívá pokud chceme například upravit barvy zvolené komponenty.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters -
  • propName - jméno vlastnosti. Dosadit můžeme například:
    • textColor
    • background
    • arrow
    • face
    • darkshadow
    • shadow
    • highlight3D
    • scrollTrack
    • highlight
  • value - hexadecimální vyjádření barvy (0x######). Číselné vyjádření barvy můžeme získat například v panelu Color Mixer.

setValue

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje nastavit hodnotu právě vybraného prvku.

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters - nová hodnota.

sortItemsBy

Umístění v knihovně: Flash UI Components -> FComboBox -> Methods.

Umožňuje seřadit data v seznamu (boxu).

Parametry:

• Object - jméno objektu (instance komponenty).
• Parameters -
  • fieldName - co budeme řadit label nebo data.
  • order - způsob řazení: ASC vzestupně a DESC sestupně.

Závěr

Jak jsme si mohli všimnout, pomocí komponent můžeme snížit čas určený k programování a zvýšit tak rychlost i efektivitu. Jako zvolený příklad jsme si uvedli komponentu ComboBox, která se podobá těm ostatním. Každá komponenta má však své charakteristické metody. Neváhejte tedy zkoumat, co nového komponenty dokáží.

Pro tento díl to bude vše. V příštím díle budeme pokračovat v povídání o ActionScriptu.

Petr Rympler