Kuinka kerätä tekstinsyöttöä UITextField-sovelluksella

Vaikka Apple iOS -sovellusten käyttöliittymät ovat usein hauskoja asioita, kuten painikkeita, liukusäätimiä ja eleitä, kirjoitat aiemmin tai myöhemmin sovelluksen, joka tarvitsee hyvää vanhanaikaista tekstinsyöttöä. Tässä viestissä aiomme rakentaa yksinkertaisen projektin, jolla opitaan käyttämään UITextFieldiä keräämään tekstipohjaisia ​​syötteitä.

Jos olet perehtynyt yhden näkymän perusprojektin luomiseen, siirry eteenpäin tekemällä se nyt ja siirry sitten kohtaan Käyttöliittymän määrittäminen. Muutoin noudata alla olevia ohjeita luodaksesi uusi projekti.

Yhden näkymän projekti

Avaa Xcode ja valitse Tiedosto-valikosta Uusi ja sitten Uusi projekti. Uusi työtilaikkuna tulee näkyviin, ja sinulle annetaan useita valittavissa olevia sovellusmalleja.

Valitse vasemmalla puolella Sovellus iOS-osiosta. Valitse Yhden näkymän sovellus ja napsauta Seuraava-painiketta. ( Kuva A )

Kuvio A

Kirjoita seuraavalle ruudulle Tuotenimi TextMe ja com.myappcompany yrityksen tunnisteeksi. (Voit vapaasti korvata oman tuotenimesi ja yritystunnuksesi).

Jätä luokan etuliite sellaisenaan. Sen pitäisi olla tyhjä - XYZ on vain paikkamerkintävihje.

Varmista, että Käytä automaattista viitelaskentaa on valittuna, ja poista muiden valinta.

Aseta laiteperheksi iPhone ja napsauta Seuraava. ( Kuva B )

Kuvio B

Näkyviin tulee uusi ruutu, jossa kysytään mihin haluat tallentaa projektin. XCode luo TextMe-projekti-kansion valitsemasi hakemiston sisällä.

Kun projekti on luotu, Xcode avaa työtilan ikkunan uuden projektisi kanssa.

Käyttöliittymän asettaminen

Napsauta Tiedostot ja ryhmät -ruudussa ViewController.xib. Kun se avautuu Interface Builder -sovelluksessa, valitse Näytä objekti, napsauta Attributes Inspector ja muuta sitten näkymän taustaväri jotain muuta kuin valkoista.

(Graafisen suunnittelun vinkki: ei yleensä ole optimaalista valita kiinteää mustaa taustaväriksi näkymästä. Puhdas musta luo erittäin voimakkaan, vaativan tunteen, joka voi helposti muuttua silmiin väsyttäväksi, jos sitä käytetään liikaa. Säästä puhdasta mustaa todella tärkeille asioille, ja käytä harmaasävyjä, kun haluat vain tumman taustan.)

Seuraavaksi siirry työtilan oikeassa alakulmassa olevaan objektikirjastoon ja vedä UITextField-näkymä. Vedä sen koon kahvoja tehdäksesi siitä suunnilleen kuvan leveyden. Kuvassa C on yhteenveto tähänastisesta tilanteesta.

Kuvio C

Olemme nyt valmiita katkaisemaan UITextField-kentän ja alamme kokeilla sitä. Ensin yhdistämme pistorasian ViewController-luokkaamme, jotta voimme manipuloida tekstikentän ominaisuuksia ja hakea sen arvon. (Katso iOS-näkymien ja näkymäohjaimien käytön aloittaminen: Osa 2, jos haluat lisätietoja myyntipisteistä.)

Napsauta työtilan oikeassa yläkulmassa olevaa Assistant Editor -painiketta. Tämä avaa ViewController.h -ikkunan Interface Builder -näkymän vieressä olevassa ikkunassa. Ohjaa ja vedä UITextField-kentästä kohtaan, joka on juuri sanan @ käyttöliittymä alla, ja vapauta hiiri; Xcode näyttää ponnahdusikkunan, jonka avulla voit määrittää pistorasian.

Kirjoita "myTextField" Nimi-kenttään ja napsauta Yhdistä. Xcode luo ominaisuusmäärittelyn UITextField-kentällemme, julistaa sen IBOutlet-tiedostoksi ja yhdistää sen xib-sovelluksen UITextField-kenttään. Napsauta Vakioeditori-painiketta palataksesi vakioeditointitilaan. Kuva D näyttää pistorasiayhteysdialogin ja Editor-painikkeiden sijainnit.

Kuvio D

Tässä vaiheessa meillä on yhteys, jota voimme käyttää tekstikentän arvon asettamiseen ja hakemiseen, mutta tarvitsemme muutakin kuin jotta käyttäjät voivat syöttää tietoja näytön näppäimistöllä.

UITextField tukee edustajaobjektin käyttöä muokkaukseen liittyvien ilmoitusten käsittelemiseen. Kun tiettyjä toimintoja tapahtuu, UITextField kutsuu valtuutettuja menetelmiä, joiden avulla sen käyttäytymistä voidaan mukauttaa ja hallita. Eri menetelmiä kuvataan yksityiskohtaisesti UITextFieldDelegate Protocol Reference -viitteessä. Haluamme, että ViewController-luokka toimii edustajana, ja sen täytyy olla protokollan mukainen. Asetetaan se nyt.

Valitse Tiedostot ja ryhmät -ruudussa ViewController.h ja tee muutokset alla lihavoituna.

 #tuonti 
 @interface ViewController: UIViewController 
 @ominaisuus (vahva, ei-atominen) IBOutlet UITextField * myTextField; 
 start- @ end 

Kun tämä on paikoillaan, Xcode odottaa nyt luokkamme noudattavan protokollaa ja pystyy myös antamaan meille automaattisen täydennyksen, kun kirjoitamme menetelmän allekirjoituksia.

Meidän on myös kerrottava UITextFieldille, kuka sen edustaja on. Valitse ViewController.xib ja ohjaa vetämistä UITextField-tiedostosta tiedostojen omistajaan; Kun vapautat hiiren, valitse ponnahdusvalikosta 'edustaja' kuvan E mukaisesti .

Kuvio E

Luo ja suorita sovellus ja napauta tekstikenttää. Näytön näppäimistön pitäisi nyt näkyä, ja voimme kirjoittaa tekstiä. Valitettavasti se on kaikki mitä voimme tehdä. Napsauttamalla Return-näppäintä ei hylätä näppäimistöä, eikä luokallamme ole aavistustakaan, että tekstiä olisi syötetty. Meidän on otettava käyttöön vain yksi edustajamenetelmä, jotta kaikki toimisi.

Valitse ViewController.m ja kirjoita seuraava uusi menetelmä ViewDidLoad-kohdan alle.

 - (BOOL) textFieldShouldReturn: (UITextField *) textField 
 { 
 NSLog (@ "Sinä kirjoitit% @", self.myTextField.text); 
 self.myTextField resignFirstResponder; 
 palauta KYLLÄ; 
 } 

Protokollan mukaan, kun napautamme Palauta, tekstikenttä kutsuu nyt textFieldShouldReturn: delegointimenetelmää luokassamme. Tämä antaa meille mahdollisuuden tehdä kentän sisällöllä mitä tarvitsemme ja hylätä näppäimistö sitten soittamalla resignFirstResponder. Luo sovellus ja suorita se uudelleen. Kun napautat Paluu-näppäintä, kirjoittamasi teksti näkyy Xcode-konsolilokissa. UITextField on melko tehokas, mutta tämä yksi yksinkertainen menetelmä on kaikki mitä tarvitset aloittaaksesi tekstitulon keräämisen sovelluksiin.

UITextField-määritteet

Suuri osa UITextFieldin voimasta tulee sen määritteiden määrittämisestä. Ota hetki tutkiaksesi kuvassa E esitettyjä erilaisia ​​ominaisuuksia, joiden avulla voit muuttaa sekä tekstikentän että näppäimistön ulkoasua ja käyttäytymistä. Esimerkiksi kuvassa F avattava ruutu näyttää muita mahdollisia tapoja Paluu-avaimen ilmestymiselle.

Kuvio F

Toinen saatavuus, jota haluat tutkia, on Clear Button. Kuvassa E se on asetettu 'Näkyy muokkaamisen aikana', mikä aiheuttaa tekstikenttään selkeän painikkeen saatavuuden kentän sisällä, kun näppäimistö näkyy. Napauttamalla tyhjennyspainiketta, kaikki kentän tekstit poistetaan yhdellä yksinkertaisella liikkeellä.

UITextField on perustavanlaatuinen työkalu jokaisessa iOS-ohjelmoijan työkalulaatikossa. Kun tämä ymmärrys on käsillä, olet hyvä tapa käyttää sitä tehokkaasti.

Lue myös:

  • Ymmärrä iOS-sovelluksen tilat ja muutokset
  • Aja enemmän iOS-sovellusten latauksia paremmilla kuvakkeilla
  • IOS Views- ja View Controllers -aloitteen käytön aloittaminen: Osa 2
  • IOS-näkymien ja näkymäohjaimien käytön aloittaminen: osa 1

© Copyright 2020 | mobilegn.com