Izstrāde uz iPhone (4): mūsu pirmā lietojumprogramma (II)

Iepriekšējā ziņojumā mēs norādījām, kāda būs mūsu HelloWorld lietojumprogramma, un darbības, kuras mēs veiksim, lai izveidotu mūsu lietojumprogrammu, kā arī sniedzot saites uz nepieciešamo dokumentāciju. Šajā rakstā mēs sākam, atverot XCode, un mēs sākam attīstīties.

1. solis. Izveidojiet projektu.

Šī iemesla dēļ mēs atveram XCode un aizveram (ja tas iznāk) lietojumprogrammas apsveikuma logu. Pirms mūsu projekta izveidošanas mēs varam ievadīt XCode preferences. Vispārīgi -> Layout izvēlieties 'All-In-One', vismaz, ja vēlaties, lai ekrānos redzamo varētu salīdzināt ar redzamajiem attēliem.

Šajā brīdī mēs izveidojam projektu: File -> New Project, un mēs izvēlamies View-Based:

Kā mēs norādījām iepriekšējā rakstā, View-Based XCode projektam tas rada skatu, kas saistīts ar Controller klasi (atcerieties, ka mēs runājām par MVC modeli). Zvaniet projektam HelloWorld un saglabājiet to vēlamajā mapē. Jūs redzēsiet kaut ko līdzīgu šim:

Mēs redzam, ka mums ir vairāki faili:

• HelloWorldViewController.h un HelloWorldViewController.m. Abi atbilst mūsu ekrāna kontrolierim. Šeit būs loģika, kas saistīta ar mūsu viedokli; Mūsu gadījumā šeit ir jābūt kodam, kas padara etiķetes vērtību mainīgu ar tekstlodziņā ievadīto. Mēs redzam, ka ir .h fails un vēl viens .m. Pirmais ir galvene, Java valodā tas būtu interfeiss. Šeit ir mainīgo, metožu uc deklarācijas. .M fails ir fails, kurā jau ir ieviesta.
• HelloWorldViewController.xib. ib = interfeisa veidotājs. Šis fails ir mūsu skats, ekrāns. To izsauc MainWindow.xib, galvenā skatu fasāde, kurai mēs nepieskarties.
• HelloWorldAppDelegate (.h un .m). Mēs tos nepārveidosim, tam ir rādītājs mūsu ViewController.
• Info.plist. Tas ir XML ar informāciju par mūsu lietojumprogrammu. Šeit mēs, piemēram, varam norādīt, kura ir mūsu lietojumprogrammas ikona.

2. solis. Noformējiet saskarni.

Mēs sāksim "zīmēt" mūsu lietojumprogrammas ekrānu. Lai to izdarītu, XCode mēs veicam dubultklikšķi uz HelloWorldViewController.xib, un mēs redzēsim, ka tiek atvērta lietojumprogramma Interface Builder. Pirmkārt, kā praktisku padomu iesaku vienmēr pārbaudīt, vai inspektora un bibliotēkas paletes ir atvērtas. Tos var atvērt saskarnes veidotāja izvēlnē Rīki. Bibliotēkas palete ļaus jums pievienot savam skatam dažādas vadīklas, un Inspector palete ļauj jums redzēt katra objekta īpašības un tos modificēt.

Mēs nemēģināsim izveidot glītu lietojumprogrammu, bet gan, lai tā darbotos. Sāciet, atrodot ekrānu ar atzīmi Skatīt. Ja tas nav atvērts, tas tiek atvērts, divreiz noklikšķinot uz Skatīt šādā ekrānā:

Skatā velciet no bibliotēkas paletes TextField virs, Label zemāk un visbeidzot pogu Round Rect. Mēs to skatāmies, ja mums ir tāda vadība kā TextField, mēs varam pārvietot šīs vadības izmēru, pārvietot to uz ekrāna ... un Inspector paletē mums var būt tās īpašības. Izvēloties pogu, mēs varam ievietot nosaukumu ar vērtību «Mainīt!». Galu galā mums būs kaut kas līdzīgs šim:

Ar to mēs esam definējuši mūsu lietojumprogrammas saskarni. Tas atbilst iecerētajam: tekstlodziņš (turpmāk tekstlodziņš), kurā ievadīsim informāciju. Uzlīme (fiksēts teksts) un poga. Nospiežot pogu, etiķete parādīs to, ko mēs esam uzrakstījuši TextField. Lai to izdarītu, mums būs jāizveido mainīgie, kas attiecas uz etiķeti un TextField mūsu ViewController, un mums Interface Builder būs jānorāda saikne starp etiķeti un TextField ar šiem mainīgajiem. Mums būs jāizveido arī ViewController metode, kas atbild par etiķetes vērtības atjaunināšanu ar to, ko esam ievadījuši TextField, un saistiet pogu ar šo metodi saskarnes veidotājā. Viss, kas būs mūsu sākotnējā skripta 3., 4. un 5. solis, un tas tiks paskaidrots nākamajā ziņojumā.

Protams, pirms pabeigšanas iesaku apskatīt to, kas parādās bibliotēkas paletē, kad esat atlasījis, piemēram, TextField, lai to pievienotu skatam:

Var redzēt, ka tas izskaidro TextField vadīklas darbību, bet zem tā ir arī teikts "UITextField". Tas ir svarīgi, jo tas mums norāda, kura klase Kakao UIKit sistēmā atbilst šai kontrolei. Tas dod mums mājienu: lai izveidotu mainīgo, kas rīkojas ar šo vadību ViewController, tam būs jābūt UITextField tipam.