Architektúra aplikácií

Aplikácie v App Inventor pozostávajú z komponentov a chovania. Komponenty predstavujú objekty a nachádzajú sa v časti dizajnér komponentov (Component Designer). Chovanie umožňuje nastaviť ako bude jednotlivý komponent reagovať na udalosti. Chovanie nastavujeme v časti editor blokov (Blocks). Medzi komponentami a chovaním sa prepíname pomocou tlačidiel „Designer“ a „Blocks“, ktoré sa nachádzajú v hornej časti naľavo vo webovej stránke projektu.

Dizajnér komponentov

Komponenty môžu byť viditeľné a neviditeľné. Viditeľné komponenty sú tie, ktoré vidíme na obrazovke (napr. tlačidlo, text, obrázok). Neviditeľné komponenty nevidíme na obrazovke ale nachádzajú sa v nej (napr. LocationSensor – určuje polohu telefónu). Neviditeľné komponenty nie sú sučastou používateľského rozhrania.

Všetky komponenty majú svoje vlastnosti. Pomocou týchto vlastností môžeme nastaviť každej komponente iné začiatočné vlastnosti. S týmito vlastnoťami môžeme pracovať v časti editor blokov – napríklad nastaviť nejakú vlastnosť, poprípade ju zmeniť.

Komponenta tlačidlo (Button) má možnosť nastaviť:

  • pozadie tlačidla (background color),
  • typ a veľkosť písma (bold, italic),
  • či je možné stláčať tlačidlo (enabled),
  • šírku a výšku tlačidla,
  • obrázok ako pozadie tlačidla (image),
  • tvar tlačidla (shape-rounded, rectangular, oval),
  • text, ktorý bude obsahovať tlačidlo (text),
  • zarovanie textu (textAlignment),
  • farba textu (TextColor),
  • viditeľnosť tlačidla (visible)

Dizajnér komponentov je rozdelený na viacero častí

  • Paleta (Palette) – v tejto časti si nachádzajú všetky možné komponenty, ktoré môžeme použiť v aplikácií. Komponenty presúvame pomocou myšky do časti prehliadač (Viewer.
  • Prehliadač (Viewer) – sem umiestňujeme komponenty z palety komponentov.
  • Zoznam komponentov (Components) – obsahuje všetky použité komponenty na danej obrazovke.
  • Media – obrázky, videá a hudba použitá v projekte
  • Nastavenia (Properties) – v tejto časti môžeme nastaviť každej komponente iné vlastnosti.

Editor blokov (Blocks editor)

V tejto časti definujeme, ako bude aplikácia reagovať na udalosti (napríklad stlačenie tlačidla). App Inventor poskytuje pre definovanie udalostí systém blokov, ktorý funguje na princípe udalosť-reakcia. Pre každú udalosť, ktorá môže nastať v aplikácií vytvoríme samostatný blok.

Typy udalostí

  • Používateľom vyvolaná udalosť – používateľ stlačí tlačidlo, vykonaj...
  • Inicializačná udalosť – po spustení aplikácie/obrazovky, tak vykonaj...
  • Udalosť časovača – po uplynutí času (napr. 10 sekúnd), vykonaj...
  • Udalosť animácie – keď sa spoja objeky X a Y, tak vykonaj...
  • Externá udalosť – po prijatí SMS, vykonaj ...

Táto časť sa skladá z troch častí

  • Bloky (Blocks)
    •  Riadiace bloky (Control) – podmienkový nástroj (if-then), cykly (for each, while), atď.
    •  Logické (Logic) – bloky pravda (true), nepravda (false), rovnost/nerovnosť hodnôt, atď.
    •  Matematické (Math) – operácie s číslami: sčítanie, odčítanie, násobenie, delenie, zvyšok po delení, náhodné číslo z intervalu X do Y, minimálna a maximálna hodnota, absolútna hodnota, negácia, zaokrúhľovanie, sínus, cosínus, tangens, formatovanie na určitý počet desatinných miest, convertovanie čísiel na inú sústavu.
    •  Textové (Text) – operácie s textami – rozdelenie/ spojenie textu, nahradenie časti textu, či obsahuje text nejaké písmená, porovnávanie textov, atď.
    •  Listové (Lists) – vytvorenie zoznamu hodnôt, operácie so zoznamom hodnôť – vkladanie, odoberanie z pozície, nahrádenie určitého riadku v zozname, atď.
    •  Farby (Colors) – nastavenie farieb.
    •  Premenné (Variables) –vytvorenie premennej, nastavenie začiatočnej hodnoty premennej, zmenenie hodnoty premennej, získanie hodnoty premennej, atď.
    •  Procedúry (Procedures) – vytvorenie metódy.
    •  Screen1...ScreenX – pre každú obrazovku môžeme nastaviť inicializovanie premenných, čo sa má vykonať pri chybe, po stlačení tlačidla spať, nastaviť orientáciu, farbu pozadia, zarovania obrazovky, atď.
    • Prehliadač (Viewer) – sem presúvame bloky.
    • Media