Razvoj na iPhoneu (4): naša prva aplikacija (II)

V prejšnjem prispevku smo navedli, kakšna bo naša aplikacija HelloWorld, in korake, ki jih bomo naredili za izdelavo naše aplikacije, ter navedli povezave do zahtevane dokumentacije. V tem članku začnemo z odpiranjem XCode in se začnemo razvijati.

Korak 1. Ustvarite projekt.

Iz tega razloga odpremo XCode in zapremo (če se odpre) pozdravno okno aplikacije. Pred ustvarjanjem našega projekta lahko vnesemo nastavitve XCode. Na splošno -> Postavitev izberite »Vse v enem«, vsaj če želite primerjati, kar vidite na zaslonih, s slikami, ki jih boste videli.

Trenutno ustvarimo projekt: Datoteka -> Nov projekt in izberemo na podlagi pogleda:

Kot smo že omenili v prejšnjem članku, za projekt XCode, ki temelji na pogledu, ustvari pogled, povezan z razredom Controller (ne pozabite, da smo govorili o vzorcu MVC). Pokličite projekt HelloWorld in ga shranite v želeno mapo. Videli boste nekaj podobnega temu:

Vidimo, da imamo več datotek:

• HelloWorldViewController.h in HelloWorldViewController.m. Oba ustrezata krmilniku našega zaslona. Tu bo logika, povezana z našim pogledom; V našem primeru mora biti tu koda, zaradi katere se vrednost nalepke spremeni glede na vneseno v besedilno polje. Vidimo, da obstaja datoteka .h in druga datoteka .m. Prva je glava, v Javi bi bil vmesnik. Tu so izjave spremenljivk, metod itd. Datoteka .m je tista, ki že vsebuje izvedbo.
• HelloWorldViewController.xib. ib = Izdelovalec vmesnikov. Ta datoteka je naš pogled, zaslon. Prikliče ga MainWindow.xib, glavna fasada pogledov, ki se je ne bomo dotaknili.
• HelloWorldAppDelegate (.h in .m). Ne bomo jih spreminjali, ima kazalec na naš ViewController.
• Info.plist. Je XML z informacijami o naši aplikaciji. Tu lahko na primer označimo, katera je ikona naše aplikacije.

Korak 2. Oblikujte vmesnik.

Začeli bomo "risati" zaslon naše aplikacije. Če želite to narediti, v XCode dvokliknemo HelloWorldViewController.xib in videli bomo, da se odpre aplikacija Interface Builder. Najprej kot praktični nasvet priporočam, da vedno preverite, ali so odprte palete Inspector in Library. Odprete jih lahko v meniju Orodja programa Interface Builder. Paleta Library vam bo omogočila, da v svoj pogled dodate različne kontrolnike, paleta Inspector pa vam omogoča, da vidite lastnosti vsakega predmeta in jih spremenite.

Ne bomo poskušali narediti lepe aplikacije, ampak da bo delovala. Najprej poiščite zaslon z oznako Pogled. Če ni odprt, se odpre z dvojnim klikom na Pogled na naslednjem zaslonu:

Na pogledu povlecite iz knjižnične palete TextField zgoraj, Label spodaj in na koncu gumb Round Rect. Pogledamo ga, če imamo izbran kontrolnik, kot je TextField, lahko premaknemo velikost tega kontrolnika, ga prestavimo na zaslon ... in v paleti Inspector imamo lahko njegove lastnosti. Z izbiro gumba lahko postavimo naslov z vrednostjo »Spremeni!«. Na koncu bomo imeli nekaj takega:

S tem smo opredelili vmesnik naše aplikacije. Skladno je s tem, kar smo načrtovali: besedilno polje (v nadaljevanju TextField), kamor bomo vnesli informacije. Oznaka (fiksno besedilo) in gumb. Ko pritisnemo gumb, bo nalepka pokazala, kaj smo zapisali v TextField. Da bi to naredili, bomo morali v našem ViewControllerju ustvariti spremenljivke, ki se nanašajo na oznako in polje TextField, in Interface Builderju bomo morali nakazati odnos med oznako in TextField s temi spremenljivkami. V ViewControllerju bomo morali ustvariti tudi metodo, ki bo zadolžena za posodabljanje vrednosti oznake s tistim, kar smo vnesli v polje TextField, in gumb povezati s to metodo v programu Interface Builder. Vse to bodo koraki 3, 4 in 5 našega začetnega skripta in bo razloženo v naslednjem prispevku.

Seveda pred zaključkom priporočam, da si ogledate, kaj se prikaže na paleti knjižnice, ko ste na primer izbrali TextField, da ga dodate v pogled:

Vidite lahko, da pojasnjuje, kaj počne kontrolnik TextField, spodaj pa piše "UITextField". To je pomembno, ker nam sporoča, kateri razred v okviru kakava UIKit ustreza temu nadzoru. To nam daje namig: če želite ustvariti spremenljivko, ki upravlja ta nadzor v ViewControllerju, mora biti tipa UITextField.