Išmokite programuoti „iOS“ žaidimus: pažinkite „Xcode“ (II)

Po paskutinės įmokos, pavadintos išmokti programuoti žaidimus „iOS“: „Xcode“ žinojimas, o prieš nerdami į „Cocos2d“, pasinerkime šiek tiek giliau į „Xcode“. Ta proga bendrausime su sukurtais elementais, užuot apsiriboję paprasčiausiu „Hello world“.

Tai įgysite įgūdžių tvarkant „Xcode“ ir galėsite greitai sukurti savo pirmąsias „naudingas“ programas; išmokdami pagrindinio mygtukų ir teksto etikečių naudojimo. Kadangi ši klasė yra šiek tiek sudėtingesnė nei ankstesnė, įrašo pabaigoje turėsite praktinį pavyzdį, kurį galėsite atsisiųsti, kad galėtumėte jį paleisti ir patikrinti, ar jis veikia tinkamai!

Pirmiausia atidarome „Xcode“ ir sukuriame naują projektą, pasirinkdami šabloną „vieno rodinio programa“, kaip ir ankstesnėje klasėje; Tai sukurs darbo sritį pagal vieną langą su „grafiniu asistentu“. Atidarę, mes pasirenkame failą peržiūros valdiklis.xib (Prisiminkime, kad tai yra mūsų pirmojo vaizdo ar scenos „grafinis veidas“, vadinamas „viewcontroller“ ir kurio „kodo“ dalis yra failuose peržiūros valdiklis.m y vaizdo valdiklis.h), ir mes einame į objektų langelį, esantį apačioje dešinėje, kad pradėtume vilkti komponentus į savo sceną: etiketes, mygtukus ... jame bus viskas!

Kaip matome paveikslėlyje, šį kartą mes nutempėme:

• Objektas "etiketė«, Pavadinimo būdu. Tai nieko bendraus.
• Kitas objektas «etiketė«, Kuriai priklausys skaitinės vertės.
• A «žingsninio«, Atsakingas už ankstesnės« etiketės »skaitinės vertės padidinimą ar sumažinimą.
• Un mygtukas patikrinti, ar skaitinė „etiketė“ atitinka anksčiau pasirinktą vertę.

Ar jau žinote, kas yra šis pratimas? Labai lengva; Turėsime pasirinkti savo amžių (metai iš metų su „stepper“) ir tada, naudodamiesi „Check“ mygtuku, išsiaiškinti, ar mes sulaukėme pilnametystės. Kad ir koks absurdiškas jis būtų edukacinis, atlikdami šį pratimą sužinosite iš a plunksnos smūgis keli dalykai.

Kaip matote aukščiau esančiame paveikslėlyje, etiketės dydis ir spalva gali būti pritaikyti. Kiekviename objekte yra daugybė parametrų, kuriuos galite sužinoti, jei šiek tiek tyrinėjate. Palikę kiekvieno objekto savybes, kurios jums labiausiai patinka, atėjo laikas įvertinti: kol kas turime «nupieštas»Mūsų paraiška; niekas su niekuo nesąveika ... turime suteikti jam vienybę.

Norėdami tai padaryti, mes su kai kuriais sumaišysime código (labai elementarus ir elementarus paaiškinimas); konkrečiai su byla vaizdo valdiklis.h, kuriame pateikiami pagrindiniai „viewcontroller“ klasės apibrėžimai (pagrindinis mūsų langas!). Jis nevykdo kodo ar veiksmų, tik pakelia pagrindus ir reikiamas funkcijas, kad peržiūros valdiklis.m gali juos naudoti ir atlikti sunkų darbą ... kurį pamatysime atspindintį peržiūros valdiklis.xib! Visos trys tos pačios monetos pusės.

Tai paaiškinę, mes galime pradėti „kode“ apibrėžti visus objektus, kuriuos mes vizualiai apibrėžėme. Einame į archyvą vaizdo valdiklis.hir pridedame:

Yra keli būdai, kaip apibrėžti kintamuosius ar elementus, tačiau šiuo atveju, kadangi mums reikia elemento, kad galėtume juos pasiekti (savo langą, grafinę dalį), mes juos priskiriame tokiu būdu (pradedant nuo @property). Tai tema, kurią aptarsime būsimose klasėse, nes dabar verta žinoti, ar intuicija, ar nustatyti, ką kiekvienas nurodo: a «etiketė»(Tik vienas, nes mūsų sukurtas pavadinimas nieko nedarys ir jo nereikia apibrėžti kode), sveikasis skaičius kintamasis, vadinamas«Amžiaus dauguma»(Tai nauja, mes jos neįtraukėme į grafinę dalį. Joje bus įrašytas tik pilnametystės amžius, kad būtų galima palyginti),«žingsninio»(Vadinamas stepper1).

Be to, kas išdėstyta pirmiau, taip pat yra dvi funkcijos (dvi, kurios prasideda brūkšneliu, yra funkcijos); vienas iš jų bus atsakingas už ką nors padaryti, kai paspausime steperį (Pavyzdžiui, priversti „etiketę“ pakeisti mūsų amžių? tikslus), o kitas atsakingas už dabartinio etiketės amžiaus palyginimą su mūsų nustatytu.

Iki šiol turime apibrėžtą grafinę dalį ir kodo dalį. Tačiau kaip mes mokome savo programą, ką atitinka kiekvienas kodo kintamasis ar elementas, o jo atitikmuo - grafinėje dalyje? Na, labai lengva. Spustelėjame peržiūros valdiklis.xib, ir mes spustelėjame apvalų pilką mygtuką su „žaisti“ forma ir tekstu „rodyti dokumento kontūrą“, kurį randame kvadrato lapo apačioje kairėje. Tai padarius, bus rodomas skydelis su mūsų lango elementais.

Mes žiūrime į aukščiau esantį „Vietos ženklus“, kuriame yra du kubai: geltonas (Failo savininkas), kuriame objektus susiesime su kodu (etiketėmis, mygtukais ir kt.); ir dar vienas rausvas („First Responder“), kuriame mes susiesime apibrėžtas funkcijas su įvairiais veiksmais (pavyzdžiui, paspaudus mygtuką, funkcija vykdoma).

Mes pradedame nuo objektų. Dešiniuoju pelės mygtuku spustelėkite kubą «Failų savininkas» ir bus rodomas juodas meniu. Mes parodysime skyrių „Pardavimai“ ir pamatysime visus elementus, kuriuos mes apibrėžėme kode (yra tik du, etiketė ir stepper1); turime juos nuvilkti į atitinkamą grafinį elementą: etiketė su mūsų sukurta skaitmenine etikete ir steperis1 su steperiu.

Nuvilkę pamatysime, kaip sukuriamas „mėlynasis čiuptuvas“, kuris seka mūsų pelę iki norimo susieti objekto. (Pastaba: norėdami pradėti vilkimo procesą, turite spustelėti tuščius apskritimus šalia kiekvieno objekto pavadinimo, kaip nuotraukoje)

Dabar jūs turite padaryti tą patį su funkcijomis; dešiniuoju pelės mygtuku spustelėkite „Pirmasis atsakymas“ ir mes atliksime šiuos veiksmus:

1. Spustelėkite „checkAge“ ir neatleisdami traukiame prie savo grafinio lango mygtuko, tikrinančio amžių. Atsidaro naujas išskleidžiamasis meniu ir mes pasirenkame «Prisilietimas».
2. Tą patį darome ir su „stepperValueChanged“, tačiau šį kartą jį nutempėme į savo grafinį „stepper“, o išskleidžiamajame meniu pasirenkame „Pakeista vertė“.

Šiuo metu belieka pridėti „tikrąjį kodą“ peržiūros valdiklis.m; turime pasakyti, ką daryti su kiekvienu įvykusiu veiksmu. Pirmiausia sakome, kad žinotumėte kintamuosius, apibrėžtus vaizdo valdiklis.h (teisėtas amžiaus kintamasis, „stepper“ kintamasis ir etiketės kintamasis; abu susieti su grafiniu atitikmeniu) naudojant «@synthesize kintamas_vardas_elementas«, Kaip matome paveikslėlyje:

Neišeidamas peržiūros valdiklis.m, mes nuėjome į funkciją viewDidLoad (bylos pabaigoje) ir šiek tiek žemiau to, kas jau parašyta, bet prieš «}«, Mes apibrėžiame, koks turėtų būti pilnametystės amžius mūsų šalyje. Šiuo atveju 18:

Galiausiai, mes ketiname sukurti ir programuoti funkcijos kad mes apibrėžėme viewcontroller.h (yra tik du). Vienas bus įvykdytas kiekvieną kartą, kai paspausime steperį, ir mūsų etiketėje turi būti rodomas kintantis amžius.

Kitas bus vykdomas, kai paspausime mygtuką patikrinti amžiųir patikrins (verta atleisti), ar mūsų įvestas amžius yra lygus ar didesnis už pilnametystės amžių: Jei atsakymas yra teigiamas, Programos fonas pasikeis į žalią; jei jo nėra, jis taps raudonas. Abi turi būti dedamos į bylą peržiūros valdiklis.m; pavyzdžiui, prieš pat funkciją - (negaliojantis) viewDidLoad.

Dabar ateina geriausia. Jūs turite tai išbandyti! Eikite į aukščiau esantį atkūrimo mygtuką, patikrinkite, ar pasirinktas „iPhone Simulator“, ir paspauskite jį. Jūsų langas bus atidarytas ir galėsite su juo bendrauti!

Pratimą būtų galima padaryti sudėtingesnį, tačiau naudodamiesi pagrindais, kuriuos galėsite atlikti savarankiškai ir išbandyti naujas galimybes. Norėdami palengvinti vadovėlio laikymąsi, susidomėjęs smalsumu, arba tik tuo atveju, jei negalite priversti jo dirbti, pateikiame projektą archyvas suspaustas! Tikiuosi, kad tai jums tarnavo ... iki kito karto!

Daugiau informacijos - Išmokite programuoti: susipažinkite su „Xcode“ (I)

Parsisiųsti - Antroji „Xcode“ programavimo klasė