Pirmās iOS lietotnes izveidošana.

Šis raksts jums iemācīs, kā izveidot savu iOS Tap skaitītāja lietotni. Tā ir patiešām vienkārša lietotne, kas diezgan daudz skaita reizes, kad nospiežat pieskāriena pogu, un, atiestatot, tā atkal sāk skaitīt no nulles. Šeit ir vienkāršs priekšskatījums tam, ko jūs izveidosit.

Pirms mēs turpinām, es gribu jums paziņot, ka šajā apmācībā tiks pārbaudīti vairāki jēdzieni kā iesācēji. Pagaidām nekas pārāk traks, bet ir lielisks iesācējs.

Iestatīšana

  1. Vispirms jums jāpārliecinās, ka esat lejupielādējis Xcode. Pārliecinieties, ka jums ir arī jaunākais XCode. Sazinieties ar App Store un pārliecinieties, ka nav nepieciešams atjauninājums.
  2. Laikā, kad šī apmācība ir izveidota, es izmantoju Xcode 8.3.2 ar Swift 3. Ja līdz brīdim, kad redzat šo rakstu, kaut kas ir mainījies vai nedarbojas, lūdzu, paziņojiet man, lai es varētu attiecīgi mainīt rakstu.
  3. Izveidojiet savu pirmo projektu. Palaidiet Xcode, un jums vajadzētu būt uz uzņemšanas ekrāna.
  4. Noklikšķiniet uz Izveidot jaunu Xcode projektu.
  5. Noklikšķiniet uz vienotā skata lietojumprogrammas, jo šī ir ļoti vienkārša lietotne, un mēs izmantojam skatu. Ir arī citas iespējas, piemēram, Spēles - labi varat izveidot spēles, iMessage lietojumprogramma - izveidojiet lietotni iMessage. Tā var būt tastatūra, spēle tastatūrā un lietojumprogramma, kas balstīta uz lapu - līdzīgas iBooks, jo ir daudz skatīšanās pārvilkšana un mazāk mijiedarbības veida
  6. Pēc tam noklikšķiniet uz Tālāk un piešķiriet lietotnei nosaukumu produkta nosaukumā. Izvēlieties komandas un organizācijas nosaukumu, organizācijas identifikatoru. Pārliecinieties, vai valoda ir ātra. Ierīcēs varat izvēlēties to, kas jums patīk. Es izmantošu Universal - var izmantot gan iPad, gan iPhone. Bet jūs varat izmantot tikai iPad tikai iPad vai tikai iPhone iPhone.
  7. Turpmāk Xcode liks jums izvēlēties vietu, kur saglabāt šo projektu. Jūs varat izvēlēties to saglabāt visur, kur vēlaties.
  8. Kad esat pabeidzis, jums vajadzētu būt diezgan tukšam projektam. Bet mēs to drīz labosim.
  9. Noklikšķiniet uz Main.storyboard
  10. Šis ir jūsu interfeisa veidotājs. Šeit jūs veicat lielāko daļu priekšējā darba. Jūs izstrādājat dizainu un izskatās šeit.
  11. Apakšējā labajā stūrī šajā vietā varat atlasīt vienumus un kontrolierus, piemēram, TableViewController, Buttons, Labels un Text Views.
  12. Arī tur ir meklēšanas josla, kuru varat izmantot, lai meklētu nepieciešamo.

Main.storyboard

  1. Meklējiet navigācijas kontrolieri un velciet to uz ekrānu.
  2. No turienes noņemiet rootViewController. Skatiet labo rūti, atlasiet rootViewController. Nospiediet taustiņu “izdzēst”. Tagad veiciet kontroli un velciet navigācijas kontrolieri uz skata kontrolieri un iestatiet to kā saknes skata kontrolieri.

Pēc tam jūs noklikšķiniet uz Navigācijas kontrolieris, un labajā pusē ir tukša izvēles rūtiņa, kas norāda uz Sākotnējā skata kontrolieris. Pārliecinieties, ka noklikšķiniet uz tā

Tas faktiski nozīmē, ka Xcode ir jāsāk ar navigācijas kontrolieri, nevis tikai skatu. Tas ir tā, ka darbosies mūsu navigācijas josla, kas mums tagad ir. Navigācijas josla ir tā pati josla, kuru redzējāt videoklipa augšdaļā ar virsrakstu “Skaitītājs” un pogu “Atiestatīt”.

  1. Turpmāk jūs meklēsit iezīmi “Bibliotēka” un velciet to uz skata kontrolieri.
  2. Tagad meklējiet pogu un dariet to pašu, bet divreiz.
  3. Pēc tam izlīdziniet etiķetes un pogas, kā vēlaties, velkot tās apkārt. Līnijas, kuras redzat, pārvietojot šos priekšmetus, ir izlīdzinājumi, kas ļauj zināt, ka jūs kaut kur to izlīdzināt. Kad esat pabeidzis, jūs varat izdzēst atiestatīšanas pogu navigācijas joslā, ja vēlaties, ko es izdarīju, vai vienkārši izmantot savu izvietojumu. Neuztraucieties, tas neietekmēs funkcionalitāti.
  4. Tagad mēs vēlamies uzzināt, ko mēs redzēsim. Tātad, izmantojot Label, noklikšķiniet uz tā divreiz, lai jūs varētu to mainīt no Label uz vēlamo. Tā kā šis ir skaitītājs, izvēlieties numuru. Tagad labajā pusē ir atribūts Fonts. Pēc noklusējuma tas ir sistēmas fonts 17. Padariet to lielāku vai mazāku, dariet to pēc jūsu izvēles. Es izmantoju 60. Jūs varat darīt to, kas jums patīk.
  5. Pogām ir atiestatīšana un krāns. Tāpēc noteikti marķējiet tos atbilstoši. Jūs gandrīz darāt to pašu, ko jūs ar Label. Bet fonts nav jāmaina. Jūs varat, ja vēlaties.
  6. Visbeidzot, mēs vēlamies, lai šai lietotnei būtu nosaukums. Tātad navigācijas joslā noklikšķiniet uz tā, līdz josla ir iezīmēta. Jūs pamanīsit, ka labajā rūtī tagad ir virsraksts, uzvedne un poga Atpakaļ. nomainiet virsrakstu uz jums tīkamu virsrakstu.

Tagad jums vajadzētu būt kaut kam tuvāk.

Jautrā daļa

Tagad mēs vēlamies iekļūt šīs lietotnes kodēšanas daļā. Xcode augšpusē ir redaktora palīga poga. Tas izskatās pēc Venna diagrammas.

Tagad jums vajadzētu redzēt divas lietas, interfeisa veidotāju un skata kontroliera kodu. Tas, ko mēs tagad darīsim, ir nospiediet tastatūras vadību, turiet pie tā un velciet etiķeti pašā augšējā kodā. Piešķiriet etiķetei tādu vārdu kā “counterLabel”.

Tagad, kad jums ir etiķete, jums tas pats jādara abām pogām. Bet šeit ir tas, kur lietas mazliet mainās. Saistībā noklikšķiniet uz nolaižamās izvēlnes un atlasiet Darbība - tas mums ļauj lietotnei kaut ko darīt, kad lietotājs pieskaras pogai. Dariet to pašu abiem un dodiet viņiem jēgpilnu vārdu, piemēram, “tapButtonTapped”.

Kad tas ir izdarīts, noklikšķiniet uz skata kontroliera ļoti kreisajā rūtī un nomainiet palīgredaktoru atpakaļ uz parasto, kas izskatās kā virkne līniju.

Labi, vispirms mēs ierakstīsim šo kodu šādi: var skaitītājs: Int = 0 (Tas ir mainīgais lielums, kas atļauj ir vesels skaitlis, un mēs to iestatām uz nulli.) Ir var un ļaujiet, bet mēs to iedziļināsimies ar cits raksts. Bet būtībā var var mainīt, ļaujiet nevar.

Tagad, kad mums ir skaitītājs, mums ir jāuzrāda šis numurs. Funkcijā viewDidLoad ierakstiet to counterLabel.text = virkne (skaitītājs) (tāpēc nomainiet conterLabel uz visu, ko jūs nosaukāt etiķetei. .Teksts pamatā ļauj mainīt etiķetes tekstu. String () pārvērš visu, kas atrodas iekšpusē, virknē kopš mūsu skaitītāja mainīgais ir int tips.

Labi, ka tagad mums ir lietotne, kas parāda numuru, kuru vēlas atvērt. Tagad mums jāpievieno funkcijas atiestatīšanai un pieskaršanai. Mēs sāksim ar krānu.

Pieskaršanās pogas IBAction iekšpusē mēs vēlamies pievienot 1 katru reizi, kad lietotājs pieskaras 1. Tātad, ko mēs darām, ir pievienot vienu skaitlim. Pēc tam nomainiet etiķetes tekstu ar numuru. Mēs to darām šādi:

Pēc tam, kad esat to izdarījis, vēlaties pārliecināties, vai izdarījāt pareizi. Tātad palaidiet lietotni! Izmantojiet CMD + R vai nospiediet atskaņošanas pogu augšpusē.

Ja esat pamanījis, kaut kas nav kārtībā, pogas var atrasties visur. Bet, nospiežot taustiņu, tas tiek pievienots iepriekšējam skaitam. Ja neredzat pogu, pieskarieties vai etiķetes un pogas atrodas visur. Dodieties atpakaļ uz Main.storyboard. Tas, ko mēs tagad darīsim, ir viņus novietot tajā vietā, kur mēs vēlamies. Tā kā šī ir vienkārša apmācība. Es neiedziļināšos ierobežojumos. Mēs izmantosim Apple ieteiktos kontraktus. Tāpēc vietnē Main.storyboard pārliecinieties, vai atrodaties View Controller. Apstipriniet, ka noklikšķiniet, ViewController ierīcē noklikšķinot uz kaut kā fona, bet ne uz skatā esošajiem vienumiem. Ja paskatās uz interfeisa veidotāju, ir poga, kuru redzat zemāk redzamajā attēlā, noklikšķinot uz tā, jūs redzēsit dažas iespējas, noklikšķiniet uz Reset to Suggested Restrictions. Tagad palaidiet to vēlreiz, un lietām vajadzētu izskatīties mazliet pazīstamām.

Poga, kurai pieskaratiesIzvēlne, kuru redzēsit.

Tagad atpakaļ uz IBActions

Citā IBAction mums ir atiestatīšanas poga. Mēs vēlamies iestatīt skaitli atpakaļ uz 0. Tātad mēs to darīsim: skaitlis = 0. Tas ir, skaitlis tagad ir 0. Bet tas netiek rādīts lietotnē, kad to pieskaraties. Dodieties tālāk un izmēģiniet to. Atkal palaidiet lietotni.

Tāpēc, lai labotu šo problēmu, problēma ir tāda, ka mēs neesam atjauninājuši counterLabel, tāpēc mums tas jādara. Mēģiniet to izdomāt. Ja jūs joprojām esat iestrēdzis, atbilde ir atrodama lapas apakšā.

Tagad jūs gandrīz esat pievienojis pamatus. Lietotne diezgan daudz darbojas. Pieskarieties krānam, un tas to pievienos skaitītājam. Jūs nospiedat atiestatīt, un skaitītājs atkal ir 0.

Extra, Extra!

Tagad, ja vēlaties kaut ko darīt mazliet jautrāk vai papildus. Mēs varam atbrīvoties no šīs neglītās līnijas navigācijas joslā. Šeit ir šāds kods:

Vispirms pievērsīsimies istabā esošajam zilonim: KAS IR HEKS? dara tur?

Tas ir fakultatīvs, diezgan daudz, tas ļauj Xcode zināt, ka pastāv iespēja, ka nav navigationController un ka ir pareizi, ja tā nav vai tā vispār nav. Tas ir tāpēc kodu joprojām var palaist, ja nav kontroliera. Izvēles galvenokārt izmanto, ja pastāv nulles iespēja, taču tas daudz neietekmē programmu. Mēs vēlamies atļaut nulli, jo tas neko nemaina, bet Xcode to pēc noklusējuma neatļauj. Ja tā nav nulles, lietotne nedarbojas, tāpēc ar izvēles iespēju tā būs vieglāka.

Tagad, kad tas tiek risināts, ļauj sarunu kods.

Pirmajā rindā ir diezgan daudz iestatījumu un tukšs fona attēls. Ja izmantojat UIImage (), tas gandrīz nav tukšs, un tas apiet nepieciešamību faktiski izmantot jebkāda veida attēlu. Tas ir tā, ka nav fona attēla.

Otrā rinda būtībā noņem ēnu attēlu, kas būtībā ir līnija / robeža apakšā. Bet jums ir jāstrādā abiem, jo ​​mēs nevēlamies nevienu no tiem, tāpēc līnija nerādās.

Tagad tas ir izdarīts, jums ir precīza sākumā parādītās lietotnes kopija!

Atbilde: counterLabel.text = Virkne (skaitlis)

Andijs Vongs

Andijs ir Sv. Jāņa universitātes jaunākais students. Viņam ir aizraušanās ar izstrādājumu ražošanu, darbu tehnoloģiju nozarē, jaunu lietu izmēģināšanu un kopumā ikdienas mēģinājumus iemācīties kaut ko jaunu. Pašlaik viņš meklē programmatūras inženiera / izstrādātāja praksi NYC vai Sanfrancisko (Vēlamais ~ iemīlēja pilsētu). Vienīgā aizraušanās, kas man ir vairāk nekā celtniecība, ir uzbūvēt kaut ko noderīgu. Kaut kas palīdz cilvēkiem tādā veidā, kāds nekad agrāk nebija iespējams.

Pievienosimies! (Twitter) (vietne) (Linkedin)