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. Kreirajte projekat.

Iz tog razloga otvaramo XCode i zatvaramo (ako izađe) prozor dobrodošlice aplikacije. Prije kreiranja 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 kreiramo projekt: Datoteka -> Novi projekt i odabiremo na osnovi prikaza:

Kao što smo naveli u prethodnom članku, za projekt zasnovan na prikazu XCode kreiramo pogled povezan s klasom Controller (sjetite se da smo govorili o MVC uzorku). Nazovite projekat 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 kontroleru našeg ekrana. Ovdje će biti logika vezana za naš pogled; U našem slučaju, ovdje mora biti kôd zbog kojeg se vrijednost naljepnice mijenja s onim što se unosi u okvir za tekst. 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. .M datoteka je ona koja već sadrži implementaciju.
• HelloWorldViewController.xib. ib = Graditelj sučelja. Ova datoteka je 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" ekran naše aplikacije. Da bismo to učinili, u XCode 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 mijenjate.

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 ekranu:

Na prikazu povucite iz palete Biblioteke TextField gore, Label odozdo i na kraju dugme Round Rect. Gledamo u to, ako imamo kontrolu poput TextFielda, možemo pomaknuti veličinu te kontrole, premjestiti je na zaslon ... i u paleti Inspector možemo imati njena svojstva. Odabirom dugmeta možemo staviti naslov sa vrijednošću «Promijeni!». Na kraju ćemo imati nešto poput ovog:

Ovim smo definirali sučelje naše aplikacije. Sukladan je onome što smo planirali: tekstualni okvir (u daljnjem tekstu TextField) u koji ćemo unijeti informacije. Oznaka (fiksni tekst) i dugme. Kad pritisnemo tipku, naljepnica će pokazati što smo napisali u TextFieldu. Za ovo ćemo morati stvoriti varijable koje se odnose na Label i TextField u našem ViewControlleru i morat ćemo naznačiti Interface Builder-u vezu između Label-a i TextField-a s tim varijablama. Također ćemo morati stvoriti metodu u ViewControlleru koja je zadužena za ažuriranje vrijednosti oznake onim što smo unijeli u TextField i povezati gumb s tom metodom u Interface Builderu. 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 ono što se pojavljuje u paleti Library kad ste odabrali, na primjer, TextField da biste ga dodali u prikaz:

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