Sestavite enostavno aplikacijo za risanje pik po ekranu. Aplikacija naj na ekranu prikazuje iz kolikih pik je risba narisana. Na vrhu aplikacije se naj z velikimi številkami izpiše, kolikokrat je bila aplikacija na tej napravi že zagnana. Dodajte še gumb za brisanje risbe.

Primer izdelane aplikacije prikazuje spodnja slika:

Uporabite risarsko platno (Canvas) ter pripadajočega upravitelja dogodkov Canvas.Touched. Za beleženje števila zagonov uporabite lokalno podatkovno bazo TinyDB.

Kliknite na Projects -> nov projekt, Start »new project« in ga poimenujte z NAUK_PostopnoVaja1. Sestavite vmesnik po spodnji sliki:

Vse uporabljene komponente o natančno popisane na naslednji sliki v oknu Components (trenutno je izbrana komponenta HorizontalArrangement1, ki omogoča horizontalno poravnavo komponent). Večina komponent uporabniškega vmesnika (uporabljene so 4 oznake Label, in en gumb Button) se nahaja v oknu User Inteface skupine Palette na levi strani ekrana. Za horizontalno poravnavo komponent je uporabljen gradnik HorizontalArrangement, ki ga najdemo v skupini Layout. Vanj sta povlečeni oznaki napisSteviloPikNaSliki (predstavlja zgolj konstanten napis Število pik na Sliki) in steviloPikNaSliki (prikazuje dejansko število pik na sliki). Vse komponente smo ustrezno poimenovali zaradi lažjega sestavljanja programske kode.

Platno na katerega rišemo se nahaja znotraj bloka »Drawing and Animation«. Velikost platna ustrezno nastavimo v oknu Properties (komponenta mora biti izbrana). Podatkovno bazo najdemo v zbirki Storage skupine Palette. Za nastavljanje nima nobenih parametrov.

Širino gumbov in oznak (z izjemo dveh, ki smo ju postavili znotraj HorizontalArrangement) smo nastavili na 100%, da se razširi čez cel ekran.

Najprej ustvarimo dve globalni spremenljivki (pod Built In -> Variables). steviloZagonovPrograma bomo uporabili za shranitev števila zagonov programa, steviloPik pa za stetje števila pik na risbi. Uvedba globalnih spremenljivk je nujna, ko želimo neko vrednost uporabiti v več blokih.

Najprej bomo sestavili kodo za risanje pik po platnu (Canvas). Za to uporabimo upravitelja dogodkov .Touched (desni klik na gradnik Canvas ). Kordinati x in y povesta pozicijo, na kateri smo kliknili na platno. Barvo pisala za pisanje na platno nastavimo na rdečo (gradnik najdemo v isti skupini kot omenjen upravitelj dogodkov). Za risanje pik uporabimo metodo .DrawPoint, ki ji priredimo koordinati x in y. Globalni spremenljivki steviloPik povečamo število pik za 1 (to storimo vedno, ko se dotaknemo platna), zatem pa prikažemo število pik na zaslonu (steviloPikNaSlikiLabel.Text = steviloPik).

Sliko (platno) pobrišemo s klikom na gumb brisiEkranButton1, ki pokliče metodo Canvas.Clear (desni klik na gradnik Canvas).

Ostane nam še realizacija zadnjega dela zahtev. Ker mora naša aplikacija šteti število zagonov le-te, moramo ob vsakem zagonu aplikacije prebrati število trenutnih zagonov, povečati število za 1 in shraniti posodobitve v podatkovno bazo. Ob zagonu programa (to zajamemo z upraviteljem dogodkov .Initialize gradnika Screen), iz baze preberemo trenutno vrednost števila zagonov aplikacije in to vrednost priredimo globalni spremenljivki steviloZagonovPrograma. Če oznaka steviloZagonov v bazi še ne obstaja (pomeni, da aplikacijo zaganjamo prvič), priredimo spremenljivki vrednost 0. Nato povečamo število zagonov aplikacije za 1in shranimo posodobljeno vrednost nazaj v bazo.

Posodobljeno vrdnost zagonov naše aplikacije tudi prikažemo na zaslonu (steviloZagonovLabel1.Text = steviloZagonovPrograma).