Kehittäminen iPhonessa (4): ensimmäinen sovelluksemme (II)

Edellisessä viestissämme ilmoitimme, millainen HelloWorld-sovelluksemme tulee olemaan, ja vaiheet, jotka aiomme toteuttaa sovelluksemme rakentamiseksi, sekä linkkien tarjoaminen vaadittavaan dokumentaatioon. Tässä artikkelissa aloitamme avaamalla XCode ja aloitamme kehityksen.

Vaihe 1. Luo projekti.

Tästä syystä avataan XCode ja suljetaan (jos se tulee ulos) sovelluksen tervetuloaikkuna. Ennen projektin luomista voimme syöttää XCode-asetukset. Yleensä -> Asettelu valitse All-In-One, ainakin jos haluat pystyä vertaamaan näytöilläsi näkemiisi kuviin.

Tällä hetkellä luomme projektin: File -> New Project, ja valitsemme View-Based:

Kuten totesimme edellisessä artikkelissa, se luo View-Based XCode -projektille ohjainluokkaan linkitetyn näkymän (muista, että puhuimme MVC-mallista). Soita projektille HelloWorld ja tallenna se haluamaasi kansioon. Näet jotain samanlaista kuin tämä:

Näemme, että meillä on useita tiedostoja:

• HelloWorldViewController.h ja HelloWorldViewController.m. Molemmat vastaavat näytön ohjainta. Tässä on näkemykseemme liittyvä logiikka; Meidän tapauksessamme tässä on oltava koodi, joka saa tarran arvon muuttumaan tekstikenttään syötetyn kanssa. Näemme, että on .h-tiedosto ja toinen .m-tiedosto. Ensimmäinen on otsikko, Javassa se olisi käyttöliittymä. Tässä ovat muuttujien, menetelmien jne. Ilmoitukset .M-tiedosto on tiedosto, joka sisältää jo toteutuksen.
• HelloWorldViewController.xib. ib = Liitäntätyökalu. Tämä tiedosto on näkymämme, näyttö. Sitä käyttää MainWindow.xib, näkymien pääjulkisivu, jota emme kosketa.
• HelloWorldAppDelegate (.h ja .m). Emme aio muokata niitä, sillä on osoitin ViewControllerille.
• Info.lista. Se on XML, joka sisältää tietoja sovelluksestamme. Täällä voimme esimerkiksi osoittaa, mikä on sovelluksemme kuvake.

Vaihe 2. Suunnittele käyttöliittymä.

Alamme "piirtää" sovelluksemme näytön. Tätä varten kaksoisnapsautamme XCode-tiedostossa HelloWorldViewController.xib-tiedostoa ja näemme, että Interface Builder -sovellus avautuu. Ensinnäkin käytännön neuvona suosittelen, että tarkistat aina, että Inspector- ja Library-paletit ovat auki. Voit avata ne Interface Builderin Työkalut-valikossa. Kirjasto-paletin avulla voit lisätä näkymään erilaisia ​​säätimiä, ja Tarkastaja-paletin avulla voit nähdä kunkin objektin ominaisuudet ja muokata niitä.

Emme yritä tehdä kaunista sovellusta, vaan saada se toimimaan. Aloita etsimällä näyttö, jonka nimi on Näytä. Jos se ei ole auki, se avataan kaksoisnapsauttamalla Näytä seuraavassa näytössä:

Vedä näkymästä Kirjasto-paletista yläpuolella oleva TextField, alla oleva Label ja lopuksi Round Rect -painike. Katsomme sitä, jos meillä on valittu ohjain, kuten TextField, voimme siirtää tämän ohjaimen kokoa, siirtää sen näytölle ... ja Tarkastin-paletissa voimme olla sen ominaisuudet. Valitsemalla painikkeen voimme lisätä otsikon arvon «Muuta!». Loppujen lopuksi meillä on jotain tällaista:

Tällä olemme määrittäneet sovelluksemme käyttöliittymän. Se on suunnitellun mukainen: tekstiruutu (jäljempänä TextField), johon syötämme tietoja. Tarra (kiinteä teksti) ja painike. Kun painamme painiketta, Label näyttää mitä olemme kirjoittaneet TextField-kenttään. Tätä varten meidän on luotava muuttujat, jotka viittaavat Labeliin ja TextFieldiin ViewControllerissamme, ja meidän on ilmoitettava Interface Builderille suhde Label ja TextField näiden muuttujien kanssa. Meidän on myös luotava ViewControlleriin menetelmä, joka vastaa Label-arvon päivittämisestä siihen, mitä olemme kirjoittaneet TextField-kenttään, ja liitettävä painike kyseiseen menetelmään Interface Builderissa. Kaikki tämä on alkuperäisen komentosarjamme vaiheet 3, 4 ja 5, ja se selitetään seuraavassa viestissä.

Tietenkin ennen viimeistelyä suosittelen, että tarkastelet kirjasto-paletissa näkyvää, kun olet valinnut esimerkiksi TextFieldin lisätäksesi sen näkymään:

Voit nähdä, että se selittää mitä TextField-ohjausobjekti tekee, mutta siinä on myös "UITextField" alla. Tämä on tärkeää, koska se kertoo meille, mikä Cocoa UIKit -kehyksen luokka vastaa tätä kontrollia. Tämä antaa meille vihjeen: jotta voisimme luoda muuttujan, joka käsittelee tätä ohjausta ViewControllerissa, sen on oltava tyyppiä UITextField.