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

U našem prethodnom postu naznačili smo kakva će biti naša aplikacija HelloWorld i korake koje ćemo poduzeti za izgradnju naše aplikacije, uz pružanje veza do potrebne dokumentacije. U ovom članku započinjemo otvaranjem XCode-a i počinjemo se razvijati.

Korak 1. Izradite projekt.

Iz tog razloga otvaramo XCode i zatvaramo (ako izađe) prozor dobrodošlice aplikacije. Prije stvaranja našeg projekta, možemo unijeti XCode postavke. Općenito -> Izgled odaberite "Sve u jednom", barem ako želite usporediti ono što vidite na ekranima sa slikama koje ćete vidjeti.

Trenutno izrađujemo projekt: Datoteka -> Novi projekt i odabiremo na temelju prikaza:

Kao što smo naveli u prethodnom članku, za projekt zasnovan na prikazu XCode stvara pogled povezan s klasom Controller (sjetite se da smo govorili o MVC uzorku). Nazovite projekt HelloWorld i spremite ga u željenu mapu. Vidjet ćete nešto slično ovome:

Vidimo da imamo nekoliko datoteka:

• HelloWorldViewController.h i HelloWorldViewController.m. Oba odgovaraju upravljaču našeg zaslona. Ovdje će biti logika povezana s našim pogledom; U našem slučaju, ovdje mora biti kod koji mijenja vrijednost naljepnice s onim što se unosi u tekstni okvir. Vidimo da postoji .h datoteka i još jedna .m. Prvo je zaglavlje, u Javi bi to bilo sučelje. Ovdje su deklaracije varijabli, metoda itd. Datoteka .m već sadrži implementaciju.
• HelloWorldViewController.xib. ib = Graditelj sučelja. Ova je datoteka naš prikaz, zaslon. Poziva ga MainWindow.xib, glavna fasada pogleda koju nećemo dirati.
• HelloWorldAppDelegate (.h i .m). Nećemo ih mijenjati, ima pokazivač na naš ViewController.
• Info.plist. To je XML s informacijama o našoj aplikaciji. Ovdje možemo, na primjer, naznačiti koja je ikona naše aplikacije.

Korak 2. Dizajnirajte sučelje.

Počet ćemo "crtati" zaslon naše aplikacije. Da bismo to učinili, u XCodeu dvaput kliknemo na HelloWorldViewController.xib i vidjet ćemo da se otvara aplikacija Interface Builder. Prije svega, kao praktični savjet, preporučujem da uvijek provjerite jesu li otvorene palete Inspector i Library. Možete ih otvoriti u izborniku Alati programa Interface Builder. Paleta Biblioteka omogućit će vam da dodate različite kontrole u svoj pogled, a paleta Inspektor omogućuje vam da vidite svojstva svakog objekta i da ih modificirate.

Nećemo pokušati napraviti lijepu aplikaciju, već da bismo uspjeli. Započnite lociranjem zaslona s oznakom Prikaz. Ako nije otvoren, otvara se dvostrukim klikom na Pogled na sljedećem zaslonu:

Na prikazu povucite iz palete Knjižnica TextField gore, naljepnicu odozdo i na kraju gumb Round Rect. Gledamo u to, ako imamo odabranu kontrolu poput TextFielda, možemo pomaknuti veličinu ove kontrole, premjestiti je na zaslon ... i u paleti Inspector možemo imati njena svojstva. Odabirom gumba možemo staviti Naslov s vrijednošću «Promijeni!». Na kraju ćemo imati nešto poput ovoga:

Ovim smo definirali sučelje naše aplikacije. Sukladan je onome što smo planirali: tekstualni okvir (u daljnjem tekstu TextField) u koji ćemo unijeti podatke. Oznaka (fiksni tekst) i gumb. Kad pritisnemo gumb, naljepnica će pokazati što smo napisali u TextFieldu. Da bismo to učinili, morat ćemo stvoriti varijable koje se odnose na oznaku i TextField u našem ViewControlleru, a graditelju sučelja morat ćemo naznačiti odnos između oznake i TextFielda s tim varijablama. Također ćemo morati izraditi metodu u ViewControlleru koja je zadužena za ažuriranje vrijednosti oznake onim što smo unijeli u TextField, te gumb povezati s tom metodom u programu Interface Builder. Sve će to biti koraci 3, 4 i 5 naše početne skripte i bit će objašnjeni u sljedećem postu.

Naravno, prije završetka preporučujem vam da pogledate što se pojavljuje u paleti knjižnice kada ste odabrali, na primjer, TextField da biste ga dodali u prikaz:

Možete vidjeti da objašnjava što čini kontrola TextField, ali ispod navodi i "UITextField". To je važno, jer nam govori koja klasa u okviru kakaa UIKit odgovara ovoj kontroli. To nam daje savjet: da bi se u ViewControlleru stvorila varijabla koja obrađuje ovu kontrolu, ona mora biti tipa UITextField.