Vanaisa, vanaisa – mis see on?

Järgnev rakendus püüab kindlaks teha kaamera vaatevälja jäävat eset ja ütleb ka välja, mis ta arvab selle olevat.

Tee uus projekt nimega “MisSeeOn” (My Projects > Start new project)

Disaineri vaade

1. Lohista Paleti disainervaate alast paigutuse komponent HorisontalArrangement (Palette > Layout > HorisontalArrangement) ekraanikuva peale ja muuda omaduste alas  (Properties)  laiuse seadistus kogu ekraani täitvaks (Properties >  Width > Fill parent) ja kõrgus 15 protsendi peale (Properties > Height > 10 precent).

2. Lohista Paleti User Interface alajaotusest kaks Label komponenti (Palette > User Interface > Label)  eelnevas punktis valitud komponendi HorisontalArrangement sisse.

3. Klõpsa komponentide alas aktiivseks Label1 ja anna sellele uus nimi: “AsjaNimi” (Components > Label1 > Rename > New name: “AsjaNimi”). Tühikuid ei tohi uues nimes olla!

4. Muuda komponendi kirja suurus 24-ks (Properties > FontSize > 24). Määra komponendi kõrguseks Fill parent (Properties > Height > Fill parent). Määra komponendi laiuseks 50% (Properties > Width > 50 precent). Asenda komponendi “AsjaNimi” algtekst väärtusega “—“(Properties > Text > “—“). Joonda tekst keskele (Properties > TextAlignment > Center:1).

5. Klõpsa komponentide alas aktiivseks Label2 ja anna sellele uus nimi: “KuiKindel” (Components > Label1 > Rename > New name: “KuiKindel”).

6. Muuda komponendi kirja suurus 30-ks (Properties > FontSize > 30). Määra komponendi kõrguseks Fill parent (Properties > Height > Fill parent). Määra komponendi laiuseks 50% (Properties > Width > 50 precent). Asenda komponendi “AsjaNimi” algtekst väärtusega “—“(Properties > Text > “—“). Joonda tekst keskele (Properties > TextAlignment > Center:1).

7. Lohista Paleti User Interface alajaotusest WebViewer komponent (Palette > User Interface > WebViewer)  ekraani keskele

8. Määra komponendi kõrguseks Fill parent (Properties > Height > Fill parent). Määra komponendi laiuseks Fill parent (Properties > Width > Fill parent).

9. Lohista Paleti User Interface alajaotusest Button komponent (Palette > User Interface > Button)  WebViewer komponendi alla.

10. Muuda komponendi kirja suurus 24-ks (Properties > FontSize > 24). Määra komponendi kõrguseks 10% (Properties > Height > 10 precent). Määra komponendi laiuseks Fill parent (Properties > Width > Fill parent). Muuda nupu kuju ümaramaks (Properties > Shape > rounded). Asenda komponendi “Text for Button 1” algtekst väärtusega “Mis see on ?”(Properties > Text > “Mis see on ?”). Joonda tekst nupul keskele (Properties > TextAlignment > Center:1).

11. Ava Paletilt alajaotus Extension ja klõpsa kirjal “import extension” (Palette > Extension > import extension).

12. Avanenud aknas vali URL ja kopeeri väljale “Url:” järgmine link:

https://mit-cml.github.io/extensions/data/extensions/LookExtension-20181124.aix

ja vajuta nuppu “Import”. Mõne sekundi pärast on sinu projektile lisatud uus laiendusmoodul “Look”.

13. Lohista Paleti alajaotusest Extension Look komponent (Palette > Extension > Look)  Mobiili ekraanile. See läheb disainivaates mobiili alla alale “Nonvisible-komponents”.

14. Klõpsa komponentide alas aktiivseks Look1 ja määra et see kasutab vaateaknaks WebViewer1-te (Properties > WebViewer > WebViewer1).

Jääb veel lisada viimane komponent. Lohista Paleti Media alajaotusest TextToSpeech komponent (Palette > User Interface > TextToSpeech) disainerivaates mobiili ekraani keskele.

Programmikoodi vaade