Aloittelijan opas iPhone-sovellusten kehittämiseen: Hei iPhone

Selvä, sinulla on Mac (Hackintosh toimii myös), ja haluat kokeilla käsiäsi joidenkin sovellusten kirjoittamisessa iPhonelle. Netistä löytyy tutoriaaleja, mutta helpoin tapa oppia tuntematon ohjelmointikieli tai kehys tai IDE on yksinkertaisesti perehtyä siihen ja likaa kätesi. Aloitetaan alhaalta ja edetään ylöspäin, minkä vuoksi tämä opetusohjelma näyttää sinulle, kuinka voit luoda perus 'Hei iPhone' -sovellus perusvelhojen ja visuaalisten rakentajien avulla, jotka toimitetaan suoraan pakkauksesta Omena.

Kun meillä on uusi kehys, joka sisältää visuaalisen rakentajan, on hyvä kokeilla yksinkertaista rakentamista sovelluksia saadaksesi käsityksen siitä, mitä kehys tarjoaa, ennen kuin alat perehtymään perusteellisesti koodi. Applen tarjoama Interface Builder on yksi hyödyllisimmistä suunnittelijoista, joita olen koskaan käyttänyt, ja se tuottaa taikuutta, jos et halua päästä käsiisi kooditasolle, joka sopii täydellisesti a aloittelija.

Aloittaaksesi sovelluskehityksen iPhonelle, sinun on ensin ladattava ja asennettava

iOS SDK. Tämä asentaa kaiken, mitä tarvitset sovellusten rakentamiseen - XCode (Applen IDE), iPhone Simulator (auttaa testaamaan sovelluksesi ilman iPhonea) ja Interface Builder (Applen User Interface Builder iPhonen kehittämiseen). sovellukset).

Kun olet asentanut kaiken, olet valmis hyppäämään sisään. Aloita käynnistämällä XCode. Oletuksena se on asennettu Developer-kansioon.

Kun käynnistämme XCoden, meille esitetään tervetulonäyttö. Voit joko katsoa sen läpi tai vain hylätä sen. Voit valita Luo uusi XCode-projekti -painiketta, joka on korostettu alla olevassa kuvassa, jolloin saat näkyviin projektimallit.

View-Based Application on yksinkertaisin aloittaa niin yksinkertaisella kuin se tarjoaa täydellisen barebone-sovelluksen, joka voi toimia helposti iPhonessa ja näyttää tyhjän näkymän. Tämä malli antaa näkymän ja sovelluksen edustajan. Yksinkertaisesti sanottuna sovelluksen edustaja on entiteetti, joka vastaa sovellusobjektin viesteihin. Yhtä iPhone-sovellusta kohden voi olla vain yksi sovellusobjekti, ja projektimalli huolehtii sen luomisesta puolestamme.

Kun napsautat Valitse-painiketta, sinua pyydetään antamaan projektin nimi. Nimetään se "Hei iPhone".

Kun projekti on luotu mallin avulla, XCode-käyttöliittymä tulee näkyviin ja näyttää kaikki projektimallin sinulle luomat tiedostot mukavassa ja käyttökelpoisessa näkymässä.

Meille tärkein tiedosto tässä on MainWindow.xib, joka sisältää sovelluksemme edustajan. Käyttämämme malli loi tämän nib-tiedoston meille (MainWindow.xib) ja tämä huolehtii kaikkien tämän sovelluksen suorittamiseen tarvittavien objektisuhteiden muodostamisesta. Voimme pitää itsestäänselvyytenä, että minkä tahansa aiheeseen liittyvän näkymän muokkaaminen näkyy sovelluksessamme, kun käynnistämme sen.

MainWindow.xib-tiedoston kaksoisnapsauttaminen käynnistää käyttöliittymän rakentajan ja tuo esiin seuraavan näkymän, jossa näkyy mukana oleva näkymäohjain. Jos haluamme tehdä muutoksia näkymään, jonka haluamme tässä tapauksessa tehdä, meidän tulee napsauttaa ohjainnäkymässä olevaa linkkiä, kuten alla olevassa kuvassa korostettuna.

Linkin napsauttaminen avaa toisen nib-tiedoston nimeltä Hello_iPhoneViewController.xib, kuten alla olevassa kuvassa näkyy, ja avaa myös todellisen näkymän, joka näytetään, kun sovellus käynnistetään. Kaikki tähän näkymään tekemämme muutokset vaikuttavat siihen suoraan, kun sovellus ajetaan.

Koska kutsumme projektiamme "Hei iPhone", voit laittaa saman tekstin räjähdysmäisesti (!) näkymäämme etikettiin. Jos meidän on lisättävä näkymään käyttöliittymäelementti, voimme tehdä sen valitsemalla komponentin Kirjasto-ikkunasta. Kirjasto-ikkuna voidaan käynnistää käyttöliittymän rakentajan valikon Työkalut > Kirjasto -valikosta.

Napsauttamalla Kirjasto-valikkokohtaa avautuu kirjasto-valintaikkuna, jossa luetellaan käytettävissä olevat komponentit ja jota voidaan vierittää vierityspalkin avulla, kuten alla olevassa kuvassa on korostettu.

Vieritä alas/ylös löytääksesi "Label"-komponentin, joka näkyy korostettuna alla olevassa kuvassa.

Komponentin saaminen näkymään on hyvin yksinkertaista ja suoraviivaista. Sinun on vedettävä ja pudotettava komponentti Kirjasto-valintaikkunasta näkymään alla olevan kuvan mukaisesti.

Kun tarrakomponentti on pudotettu näkymään, se tulee näkyviin alla olevan kuvan mukaisesti ja tekstiä voidaan muokata upotettuna.

Kaksoisnapsauta tekstiä "Label" ja muuta se haluamaksemme "Hei iPhone!" meidän tapauksessamme, koska tämä on samanniminen sovellus. Muokkaus näkyy alla olevan kuvan mukaisesti.

Sulje kaikki näkymät ja kun suljet valintaikkunan nimeltä “Hello_iPhoneViewController.xib”, sinua kehotetaan tallentamaan muutokset. Napsauta "Tallenna" -painiketta ottaaksesi käyttöön ja tallentaaksesi juuri tekemämme muutokset.

Tärkeä huomautus: Muista, että Interface Builder ei ole integroitu XCodeen eikä siihen tehtyjä muutoksia tallenneta, kun joko tallenna tai rakenna projektisi XCodessa, joten on aina tärkeää tallentaa käyttöliittymän rakentajan muutokset ennen projektin rakentamista ja suorittamista XCode.

Seuraavaksi olemme takaisin XCode-ikkunassa ja kaikki on valmis suorittamaan "Hei iPhone" -sovelluksen. Katsotaanpa, miten se tehdään. Sovellus voidaan rakentaa ja käynnistää simulaattorissa rakentamisen jälkeen napsauttamalla "Build and Run" -painiketta, joka näkyy XCode-ikkunan yläosassa keskiosassa, kuten alla olevassa kuvassa on korostettu.

Tämä yrittää rakentaa sovelluksen, ja meidän tapauksessamme sen pitäisi onnistuneesti rakentaa ja käynnistää sovelluksemme iPhone-simulaattorissa alla olevan kuvan mukaisesti.

No, tässä me sanomme "Hei iPhone!", Onnittelut siitä, että juuri avasit ensimmäisen iPhone-sovelluksesi simulaattorissa. Odotamme innolla kuulevamme sinua, jos huomaat ongelmia tai haluat antaa palautetta.