Naloga:

Elementi seznama lahko ali pa tudi ne (odvisno koliko jih je) pridejo vsi v eno vrstico, če seznam prikažemo v komponenti Label. Izdelaj aplikacijo, ki bo vsak element seznama prikazala v ločeni vrstici.

Rešitev:

Da bi pravilno prikazali elemente seznama potrebujemo bloke, ki pretvorijo vsak element v besedilo in urejeno kot si to želimo. Besedilni objekt v splošnem vsebujejo črke, števila in ločila. Besedilo lahko vsebuje tudi posebne kontrolne znake, ki se ne prikažejo kot simboli, ki bi jih videli. Tak primer je tabulator označen z \t ali skok v novo vrstico \n.

Klikni na Projects -> nov projekt, Start new project in ga poimenuj Prikaz_elementov_v_seznamu.

Slika 1: Odpiranje novega projekta

Slika 2: Poimenovanje projekta

Na delovno površino s predala User Interface povleči gumb Button, ter komponento Label v kateri bomo prikazali seznam. Gumbu spremenimo napis v Prikaži seznam.

Slika 3

Da bomo lahko prikazali elemente iz seznama, si moramo najprej ustvariti seznam. Seznam s petimi elementi ustvarimo tako, da na bloku make a listkliknemo na modro ikono in dodamo vtičnice za več elementov:

Slika 4

Slika 5

Elementi seznama so (besedilo) sadna drevesa, kot je prikazano na sliki 6:

Slika 6

Iz predala Blocks dodamo blok When Button1.Click do kot kaže slika 7:

Slika 7

Če želimo da bodo elementi prikazani vsak v svoji vrstici, moramo sestaviti tekst v katerem bodo elementi ločeni z znakom za novo vrstico \n. S for each zanko sestavimo tekst tako, da k Label1.text s blokom join v vsaki zanki dodamo znak za novo vrstico \n in naslednji element item iz seznama.

Na začetku (pred zanko) priredimo komponenti Label1.text začetno vrednost " ". Vse to damo v blok When Button1.Click do kot kaže slika 9. Blok join razširimo na več vtičnic tako, da kliknemo na modro ikono in dodamo vtičnice (slika8).

Slika 8

Slika 9

Telefon povežemo z MIT App Inventor 2 in preizkusimo.

Slika 10

Če je elementov pet, bodo ob klkiku na gumb Prikaz seznama prikazani kot kaže slika 11:

Slika 11