Az előző bejegyzésben elkészítettünk egy Hello World alkalmazást, ami tipikusan az első programja minden programozónak bármilyen új környezetben, továbbá kicsit áttekintettük a fejlesztőkörnyezetet és a kapott eszközöket.

Most már ígérem tényleg fogunk kódolni, de ne essetek kétségbe, nem lesz olyan vészes. A mai leírás egy egyszerű program elkészítéséről fog szólni, ami felhasználja az előző bejegyzést is, szóval, aki nem tanulmányozta még át, annak ajánlom, hogy tegye meg mielőtt hozzákezd. Ezt megteheti itt: Előző bejegyzés

Az alkalmazás nagyon egyszerű, mégis rá fog világítani néhány alapvető elvre az iPhone programozással kapcsolatban. Egy label és egy gomb fog szerepelni a kijelzőn, és ha megnyomjuk a gombot, a label felirata megváltozik.

Ha eddig nem mondtam volna, akkor minden program fejlesztésénél a Modell-View-Controller elv szerint történik a kivitelezés, tehát a megjelenítés és a modell teljesen elkülönül, és egymás között történő tranzakciókat a vezérlő logika végzi.
Röviden a következőről van szó:

Modell: Olyan osztályok, amik a az alkalmazás adatait tartalmazzák.
View: A kijelzőn megjelenő kép felépítése, ez tartalmazza a kontrollokat, és minden olyan további elemet, amellyel a felhasználó kölcsönhatásba léphet.
Controller: összeköti a modell és a view elemeket, és itt található az alkalmazáslogika, ami eldönti, hogyan fog reagálni a program a felhasználó utasításaira.

Most nem megyek bele az mvc szemléletbe bővebben, erről mindenki találhat bővebb leírást az interneten.

Irány a fejlesztés!
Indítsuk el az Xcode fejlesztőkörnyezetet, és hozzunk létre egy View based alkalmazást a File/New Project menüpont segítségével. Adjuk neki a ButtonTest nevet. Ha mindent jól csináltunk akkor hasonló kép fog fogadni minket.

Ahhoz, hogy egy, a View-n megjelenő kontrollt elérjünk, szükségünk lesz hozzá egy mutatóra, amit IBOutlet névvel azonosíthatunk. Nyissuk meg a ButtonTestViewController.h fájlt, és írjuk bele az új sorokat:

A @property sorra azért van szükségünk, hogy ne kelljen külön set és get metódust írni minden egyes osztályváltozóhoz.
Ha ezzel megvagyunk, akkor már majdnem el is készültünk a header fájllal, azonban mit jelenthet az –(IBAction)Gombnyomas:(id)sender sor? Ha egy gombhoz szeretnénk hozzárendelni valamilyen eseményt, akkor azt szükséges előre definiálni. Ez természetesen egy metódus képében jelenik meg a controller osztályban. Ehhez a Gombnyomas-hoz fogjuk a gombunk megfelelő eseményét kötni.

Ha ezzel megvagyunk, akkor nyissuk meg a ButtonTestViewController.m fájlt. Ez az implementációs fájl, amibe a kódunkat fogjuk írni. Mivel a header fájlban definiáltunk egy property-t, itt szükségünk van a párjára, a @synthesize-ra. Ezzel mondjuk meg a fordítónak, hogy hozza létre a get és a set metódust. A második módosítás a Gombnyomas metódus implementálása.

Illesszük be a következő sort az @implementation ButtonTestViewController sor alá:

@synthesize kiiras;

Itt azt szeretnénk hogy a kiiras nevű label text tulajdonsága megváltozzon, amit a úgy érhetünk el, hogy létrehozunk egy új stringet, majd a kiiras.text-nek az új stringet adjuk
Az utolsó változtatás pedig a label felszabadítása a dealloc metódusban, mivel szeretnénk hogy a programunk jól kezelje a memóriát.
Az egész ButtonViewController.m fájl így fog kinézni:

Most hogy végeztünk a kódolással, irány az interface builder, és építsük fel a programunk felhasználói felületét!
Kattintsunk duplán a ButtonTestViewController.xib fájlra, amivel elindíthatjuk az InterfaceBuilder-t.
Húzzunk a view-ra egy labelt és egy round rect button-t. A label feliratát változtassuk meg az attributes inspector-ban arra hogy „Még nem nyomtak meg!”, a gombét pedig arra hogy „Gomb”. Ekkor körülbelül így kell kinéznie a View ablaknak.

Most már csak két dolog van hátra és készen is leszünk. Ahhoz hogy a program tudja melyik outlethez mi tartozik, arra van szüksége hogy mi összekössük őket. Jelöljük ki a label-t, és válasszuk a Tools/Connections Inspector menüpontot. Itt a „New referencing Outlet” felirat melletti kis karikára kattintva húzzuk az egeret egészen a ButtonTestViewController.xib fejlécű ablakra, és azon belül is a File’s Owner feliratra.

Ott a felugró ablakban pedig válasszuk a „kiiras” opciót. Most kattintsunk a gombra, és hozzuk be újra a connections inspector-t. Itt láthatjuk a gombhoz kapcsolódó események listáját.

Nekünk most a Touch Up Inside kell, ami akkor hívódik meg, amikor a felhasználó a gombon emeli fel az újját. Ezt is húzzuk a File’s Owner-re, ahol most a Gombnyomas-t valasszuk a felugró ablakból.

Mentsük el az fájlt, és zárjuk be az Interface Buildert. Most már tényleg csak egy dolog maradt hátra: futtassuk az alkalmazást!
Ha mindent jól csináltunk, valami hasonlót kell látnunk mint ez:

Aki nem bírna magával meglátogathatja a blogomat is.