Saage iOS-i arendajaks: kuidas alustada arendamist iPadi ja iPhone'i jaoks

Autor: Monica Porter
Loomise Kuupäev: 21 Märts 2021
Värskenduse Kuupäev: 1 Juuli 2024
Anonim
Saage iOS-i arendajaks: kuidas alustada arendamist iPadi ja iPhone'i jaoks - Rakendused
Saage iOS-i arendajaks: kuidas alustada arendamist iPadi ja iPhone'i jaoks - Rakendused

Sisu


Android võib olla üks populaarseimaid opsüsteeme maailmas, kuid see pole kaugeltki ainus mobiilne opsüsteem!

Kui soovite, et teie mobiilirakendus jõuaks võimalikult laia vaatajaskonnani, peate sihtima mitut platvormi. Kuigi sina saaks kui soovite valida platvormideülese arendusvahendi, näiteks Flutteri, võite luua ka mitu koodbaasi, mis võimaldab teil pakkuda igale mobiiliplatvormile kujundatud ja kohandatud kasutajakogemust.

Võib-olla soovite vabastada oma uusima mobiilirakenduse Androidis ja iOS, võib-olla kaalute laeva Apple'i poole hüppamist või on teil lihtsalt uudishimulik uurida, kuidas iOS-i jaoks arendamine võrdub Androidi arendamisega. Olenemata teie motivatsioonist, näitan selles artiklis teile, kuidas alustada iOS-i arendamist, luues iPadi ja iPhone'i jaoks lihtsa rakenduse.

Mööda viin teile sissejuhatuse Apple'i Swifti programmeerimiskeele põhikontseptsioonidesse, tutvustame teid Xcode'i integreeritud arenduskeskkonna suuremates valdkondades ja näitan teile, kuidas iOS-i simulaatoris oma projekte testida - igaks juhuks pole veel lubanud iPadit või iPhone'i osta!


IOS-i jaoks arendamise alustamiseks peate teadma järgmist.

Kas ma pean Swifti tundma?

IOS-i arendamiseks alustades on teil tavaliselt valida kahe programmeerimiskeele vahel: Objective-C või Swift. 2014. aastal käivitatud Swift on moodsam keel ning lisaks näib, et Apple lükkab iOS-i arendamiseks Swifti üle Objective-C, nii et kasutan Swifti kogu selle õpetuse jooksul.

Kui olete kogenud Swift pro, siis on teil edumaa. Isegi kui te pole seda kunagi teinud nähtud kui teil on ühte Swifti rida varem olnud, saate sellest endiselt osa saada ja selle artikli lõpuks on loodud toimiv iOS-i rakendus, mis on kirjutatud täielikult Swiftis.

IOS-i rakenduse loomisel selgitan selle programmeerimiskeele põhimõisteid, nii et saate põhilise ülevaate Swiftist ja saate aru täpselt mis juhtub igas koodireas, isegi kui olete Swifti täiesti uus.


Kahjuks pole selle lehe alaossa jõudmise ajaks te täiesti uut programmeerimiskeelt omandanud, kuid kui otsustate siiski iOS-i arenduse kasuks, soovitaksin vaadata rakendust Swift Playgrounds. See rakendus sisaldab õppimise koodi harjutusi, mis on esitatud interaktiivsete mõistatustena ja mis aitavad teil tutvuda vajalike Swifti põhiainetega, et jätkata iOS-i arendamise uurimist.

Seadistage Apple'i Xcode IDE

IPhone'i ja iPadi jaoks arendamiseks vajate Maci, kus töötab macOS 10.11.5 või uuem. Kui te pole kindel, millist macOS-i versiooni praegu kasutate, siis tehke järgmist.

  • Valige Maci menüüribalt logo „Apple”.
  • Valige „Teave selle Maci kohta”.
  • Veenduge, et vahekaart „Ülevaade” oleks valitud; selles aknas peaks ilmuma teie macOS-i versioon.

Teil on vaja ka Xcode'i, mis on Apple'i integreeritud arenduskeskkond (IDE). Xcode'il on kõik tööriistad ja funktsioonid, mis on vajalikud macOS-i, watchOS-i, tvOS-i rakenduste kavandamiseks, arendamiseks ja silumiseks - ja iOS.

Xcode'i uusima versiooni allalaadimiseks toimige järgmiselt.

  • Käivitage oma Macis App Store.
  • Sisestage väljale „Otsi” „Xcode”.
  • Kui kuvatakse rakendus Xcode, valige “Hangi” ja seejärel “Installi rakendus”.
  • Kui küsitakse, sisestage oma Apple ID ja parool. Kui teil pole Apple ID-d, saate selle tasuta luua. Xcode laaditakse nüüd alla teie Maci kausta „Rakendused”.
  • Kui Xcode on allalaadimise lõpetanud, käivitage see. Lugege nõudeid ja tingimusi ning kui teil on hea meel jätkata, siis klõpsake „Nõustun”.
  • Kui Xcode palub teil mõnda täiendavat tarkvara alla laadida, siis järgige puuduvate komponentide allalaadimiseks ekraanil kuvatavaid juhiseid.

Alustamine: looge uus Xcode'i projekt

Sarnaselt Android Studio'ga on ka Xcode'il mitmeid malle iOS-i rakenduste tavaliste kategooriate jaoks, näiteks vahekaardipõhine navigeerimine ja mängud. Need mallid sisaldavad boileri koodi ja faile, mis võivad aidata teie iOS-i projektide kiirel käivitamisel. Selles artiklis kasutame ühte neist valmis mallidest.

Uue Xcode-projekti loomiseks toimige järgmiselt.

  • Käivitage Xcode IDE, kui te seda veel teinud pole.
  • Mõne hetke pärast ilmub ekraan “Welcome to Xcode”; valige „Loo uus Xcode-projekt.” Kui tervitusekraani ei kuvata, siis valige Xcode-i menüüribalt „File> New> Project”.
  • Veenduge, et aknas „Valige oma uue projekti mall“ valige vahekaart „iOS“.
  • Valige mall „Single View App” ja klõpsake siis „Next”.
  • Sisestage jaotisesse „Toote nimi” „HelloWorld”. Xcode kasutab seda teie projekti ja rakenduse nimetamiseks.
  • Soovi korral sisestage valikuline organisatsiooni nimi.
  • Sisestage oma „Organisatsiooni identifikaator”. Kui teil pole identifikaatorit, võite kasutada „com.example”. Pange tähele, et kimbu identifikaator genereeritakse teie toote nime ja organisatsiooni identifikaatori põhjal automaatselt, nii et te ei pean selle pärast muretsema.
  • Avage rippmenüü „Keeled” ja valige „Swift”.
  • Leidke märkeruut „Kasuta põhiandmeid” ja veenduge, et see on nii mitte valitud.
  • Valige märkeruut „Kaasa ühiku testid”.
  • Leidke märkeruut „Kaasa UI testid” ja veenduge, et see oleks olemas mitte valitud.
  • Klõpsake nuppu „Järgmine”.
  • Järgmises dialoogis valige koht, kuhu soovite projekti salvestada, ja klõpsake siis nuppu „Loo”.

Xcode laadib nüüd teie projekti oma tööala aknasse.

Kas arendusmeeskond on vajalik?

Sel hetkel võib Xcode kuvada järgmise tõrke “HelloWorldi allkirjastamiseks on vaja arendusmeeskonda.”

Enne projekti käivitamist füüsilises iOS-i seadmes peate seadistama kehtiva meeskonna ja allkirjastama oma rakenduse. Kuna me alles katsetame iOS-iga, ei pea te allkirjastamisprotsessi nüüd lõpule viima, vaid peate oma rakenduse allkirjastama, enne kui see saab füüsilises seadmes töötada või pääseda juurde teatud teenustele, näiteks Game Centerile või rakendusesisesele rakendusele Ostud.

Apple'i Xcode IDE mõistmine

Xcode'i tööruum on koht, kus saate kirjutada kogu oma rakenduse lähtekoodi, kujundada ja luua oma kasutajaliidese (UI) ning luua kõik täiendavad failid ja ressursid, mis lõpuks kokku saavad teie valminud iOS-i rakenduse moodustamiseks.

Xcode on täis funktsioone, kuid iOS-i arenduse uustulnukana on teil vaja teada mõnda valdkonda:

  • (1) Navigatsiooniala. See ala pakub kiiret ja hõlpsat juurdepääsu kõigile erinevatele failidele ja ressurssidele, millest teie projekt koosneb. Faili sisu saate uurida, valides selle navigeerimispiirkonnast. Pange tähele, et peate ainult seda tegema vali kõnealune toimik; topeltklõpsuga fail käivitatakse uues välimises aknas.
  • (2) Toimetaja ala. Sõltuvalt navigeerimisalal valitud failist kuvab Xcode redigeerija piirkonnas erinevaid liideseid. Tavaliselt kasutate rakenduse lähtekoodi kirjutamiseks ja kasutajaliidese loomiseks ala Editori.
  • Kommunaalpiirkond. See piirkond on jagatud kaheks osaks. Utiliiduala (3) ülaservas kuvatakse paan Inspector, kus saate vaadata teavet navigeerimis- või redigeerimisalas valitud üksuse kohta ja muuta selle atribuute. Utiliiduala (4) allosas on paan Library, mis pakub juurdepääsu mõnele valmis UI elemendile, koodilõikudele ja muudele ressurssidele.

AppleDelegate: Swifti lähtefaili uurimine

Rakenduse Single View App mall sisaldab kõiki Swifti koode ja ressursse, mis on vajalikud lihtsa, kuid toimiva iOS-i rakenduse loomiseks.

Näete kõiki neid automaatselt loodud faile ja ressursse navigeerimisalal (tööruumi Xcode vasakpoolses servas).

Kui navigeerimisala pole nähtav, saate selle peitmiseks välja meelitada, valides Xcode-i menüüribalt „Vaade> Navigaatorid> Kuva projekti navigaator”.

Lihtsaate rakenduse mall genereerib automaatselt mitu faili, kuid alustuseks uurime “AppleDelegate.swift”. Valige see fail navigeerimisalal ja redigeerija ala tuleks värskendada faili sisu kuvamiseks.

import UIKit @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate {var aken: UIWindow? // Swiftis deklareerite meetodi, kasutades märksõna “func” // func rakendus (_ rakendus: UIApplication, didFinishLaunchingWithOptions launchOptions:?) -> Bool {return true} // Määratlege parameeter “rakendus” tüübiga “UIApplication”. ”// func applicationWillResignActive (_ rakendus: UIApplication) {} func applicationDidEnterBackground (_ rakendus: UIApplication) {} func applicationWillEnterForeground (_ rakendus: UIApplication) {} func applicationDidBecomeActive (_ rakendus: UIApplication) {} func application: UIApplication) ) {}}

Vaatame lähemalt selles failis toimuvat:

1. Looge sisenemispunkt

Atribuut @UIApplicationMain loob teie rakendusesse sisenemispunkti ja käitamissilmuse, mis on sündmuste töötlemise ahel, mis võimaldab teil töid ajastada ja rakenduses sisestussündmusi koordineerida.

@UIApplicationMain

2. Määrake oma AppDelegate

Fail AppDelegate.swift määratleb AppleDelegate klassi, mis loob akna, kuhu teie rakenduse sisu joonistatakse, ja loob koha, kus reageerida oleku üleminekutele, näiteks alati, kui teie rakendus siirdub taustale või tuuakse esiplaanile.

klass AppDelegate: UIResponder, UIApplicationDelegate {

Ülalolevas koodis võetakse kasutusele ka protokoll UIApplicationDelegate, mis määratleb mitu meetodit, mida saate oma rakenduse seadistamiseks kasutada ja mitmesuguseid rakenduse tasemel toimuvaid sündmusi käsitleda.

3. Määrake akna atribuut

AppDelegate klass sisaldab akent atribuuti, kuhu salvestatakse viide rakenduse aknale. See atribuut tähistab teie rakenduse vaatehierarhia juuri ja sinna tõmmatakse kogu teie rakenduse sisu.

var aken: UIWindow?

4. Asstubed Stub rakendused

AppDelegate klass sisaldab ka mitme delegeeritud meetodi, näiteks:

func applicationDidEnterBackground (_ rakendus: UIApplication) {

Need meetodid võimaldavad rakenduse objektil suhelda rakenduse esindajaga. Iga kord, kui teie rakendus olekut muudab, kutsub rakenduseobjekt vastavat delegeerimismeetodit, näiteks kui rakendus siirdub taustale, kutsub ta ülaltoodud meetoditDidEnterBackground.

Kõigil neil delegeeritud meetoditel on vaikekäitumine, kuid kohandatud käitumise saate määratleda oma koodi lisamisega. Näiteks laiendate tavaliselt rakenduseDidEnterBackground tüve rakendamist, lisades koodi kõigi jagatud ressursside vabastamiseks. Meetod applicationDidEnterBackground on ka koht, kus peaksite salvestama piisavalt olekuteavet, et taastada oma rakendus praegusesse olekusse, juhuks kui teie rakendus lõpetatakse taustal olemise ajal.

Lisaks rakenduseleDidEnterBackground sisaldab AppleDelegate.swift järgmisi meetodeid:

  • didFinishLaunchingWithOptions. Teavitab esindajat, et käivitamisprotsess on peaaegu lõpule jõudnud ja teie rakendus on peaaegu käitamiseks valmis. Enne rakenduse kasutajaliidese kasutajale esitamist peaksite seda meetodit kasutama oma rakenduse lähtestamise lõpuleviimiseks ja viimaste muudatuste tegemiseks.
  • applicationWillResignActive. Teatab esindajale, et teie rakendus on liikumas aktiivsest olekusse. Selle meetodi võib käivitada ajutine katkestus, näiteks saabuv telefonikõne või siis, kui teie rakendus alustab üleminekut taustaolekule. Kui teie rakendus on passiivses olekus, peaks see tegema minimaalset tööd, seetõttu peaksite käimasolevate toimingute peatamiseks ja kõigi taimerite keelamiseks kasutama rakendustWillResignActive. Samuti peaksite kasutama seda võimalust salvestamata andmete salvestamiseks. Nii ei lähe see kaduma, kui kasutaja otsustab teie rakenduse taustal loobuda.
  • rakendusWillEnterForeground. IOS 4.0 ja uuemates versioonides nimetatakse seda meetodit osana teie rakenduse taustast aktiivsele esiplaanile üleminekuks. Peaksite seda meetodit kasutama kõigi muudatuste tühistamiseks, mis tehti pärast teie rakenduse tausta sisenemist.
  • applicationDidBecomeActive. See teatab esindajale, et teie rakendus on liikunud passiivsest olekusse. Tavaliselt juhtub see siis, kui kasutaja või süsteem käivitab teie rakenduse, kuid see võib ilmneda ka siis, kui kasutaja otsustab ignoreerida katkestust, mis viis teie rakenduse ajutisse passiivsesse olekusse, näiteks saabuvale telefonikõnele või SMS-ile. Peaksite kasutama meetodit applicationDidBecomeActive, et taaskäivitada kõik toimingud, mis peatati, kui teie rakendus oli passiivses olekus.
  • applicationWillTerminate. See meetod teatab esindajale, et teie taotlus lõpeb. Seda meetodit peaksite kasutama kõigi vajalike puhastuste tegemiseks, näiteks kasutajaandmete salvestamiseks või jagatud ressursside vabastamiseks. Pidage lihtsalt meeles, et sellel meetodil on oma ülesannete täitmiseks ja tagasipöördumiseks umbes viis sekundit ning kui see ületab selle tähtaja, võib süsteem otsustada protsessi täielikult tappa.

Projekti testimine: iOS-i simulaatori käitamine

Kuna kasutasime malli Single View App, sisaldab meie projekt juba iOS-is käitamiseks piisavalt koodi.

Saate oma iOS-i projekti proovile panna, kasutades iOS-i simulaatorit, mis on Xcode'iga eelpakendatud. Sarnaselt Android Studio emulaatoriga võimaldab iOS-i simulaator testida, kuidas teie rakendus näeb välja ja töötab paljudes seadmetes, sealhulgas erineva ekraanisuuruse ja eraldusvõimega seadmetes.

Käivitame meie projekti iOS-i simulaatoris:

  • Valige „Määra aktiivne skeem” (kus kursor asub järgmises ekraanipildis).
  • Valige seade, mida soovite jäljendada, näiteks „iPhone 8”, „iPad Air 2” või „iPhone X.” Simulaator jäljendab vaikimisi iPhone 8 Plus.
  • Valige Xcode-i tööriistariba vasakus ülanurgas nupp „Käivita“ (kus kursor asub järgmises ekraanipildis).

  • Kui see on iOS-i rakenduse esmakordne testimine, küsib Xcode, kas soovite lubada arendaja režiimi. Arendaja režiim võimaldab Xcode'il juurde pääseda teatud silumisfunktsioonidele, ilma et teie parooli iga kord küsiks, nii et kui teil pole konkreetset põhjust seda mitte lubada, peate tavaliselt lubama arendajarežiimi.

Kui Xcode on teie projekti koostamise lõpetanud, käivitab iOS-i simulaator rakenduse ja laadib selle. Sarnaselt Androidi emulaatoriga võib see mõnikord olla aeglane protsess, nii et peate võib-olla olema kannatlik (ehk kasutage seda võimalusena endale kohvi saamiseks)!

Kui teie rakendus on laaditud, seisate silmitsi tavalise valge ekraaniga. Rakenduse Single View App mall võib olla toimiv iOS-i rakendus, kuid see pole täpselt selline põnev lisame mõned kasutajaliidese elemendid.

Kasutajaliidese loomine liidese koostajaga

Xcode'i liidese koostaja pakub teile visuaalset viisi oma rakenduse kasutajaliidese kujundamiseks ja ehitamiseks, sarnaselt sellele, kuidas funktsioon Android Studio funktsiooni Paigutuse redigeerija.

Kui vaatate navigeerimisala, näete, et ühe vaate rakenduse mall on juba genereerinud faili “Main.storyboard”, mis on Storyboard faili. Süžeeskeem on teie rakenduse kasutajaliidese visuaalne esitus, mida saate muuta liidese koostajaga.

Meie rakenduse storyboardi vaatamiseks valige navigeerimispiirkonnas fail Main.storyboard. Liidese koostaja peaks automaatselt avanema ja kuvama teie rakenduse kasutajaliidese, mis praegu koosneb ühest ekraanist.

Sellel ekraanil on üks vaade noolega, mis on suunatud ekraani vasakule poole. See nool tähistab Storyboardi sisenemispunkti, mis on esimene ekraan, mida kasutaja näeb teie rakenduse käivitamisel.

Juurdepääs iOS-i objektikogule

Lihtsaim viis kasutajaliidese loomiseks on Xcode'i üksuste kasutamine Objektide raamatukogu. See teek sisaldab objekte, millel on ekraanil nähtav olemasolu, nagu pildivaated, navigeerimisribad ja lülitid, ning objekte, mis määratlevad käitumise, kuid millel pole nähtavat olekut, näiteks žeste äratundjad ja konteinerivaated.

Kavatseme luua nupu, mille koputamisel kuvatakse märguanne. Alustuseks haarame objektide teegis nupu ja lisage see meie rakendusele:

  • Valige Xcode'i tööala paremas alanurgas nupp „Kuva objekti kogu”. Teise võimalusena saate Xcode'i menüüst valida „Vaade> Utiliidid> Kuva objektide kogu”.

  • Objektide teek peaks nüüd kuvama kõigi erinevate üksuste loendi, mida saate oma kasutajaliidesele lisada. Sirvige seda nimekirja, et näha, millised valikud on saadaval.
  • Tahame lisada nupu, nii et tippige tekstiväljale “Filter” “nupp” ja valige siis nupp, kui see loendis kuvatakse.
  • Lohistage nupuobjekt lõuendile. Nuppu lohistades ilmub horisontaalsete ja vertikaalsete juhendite komplekt, mis aitab teil nuppu paigutada. Kui olete selle paigutusega rahul, vabastage hiire nupu lisamiseks kasutajaliidesele.

Objektide kohandamine atribuutide inspektori abil

Järgmisena peame nupule lisama teksti. Objekte saate kohandada, kasutades Xcode'i atribuutide inspektorit:

  • Valige Xcode'i tööriistaribalt „Vaade> Utiliidid> Näita atribuutide inspektorit”; atribuutide inspektor peaks nüüd ilmuma Xcode'i tööala paremas servas.

  • Valige lõuendis nupu objekt.
  • Leidke atribuutide inspektorist jaotis “Pealkiri” ja asendage vaikenumber “Button” mõne oma tekstiga.
    Vajutage klaviatuuril „Tagasi” nuppu ja Interface Builder värskendab teie uue teksti esitamiseks nuppu.

Sel hetkel võiksite proovida mõne nupu muude atribuutidega, näiteks võite muuta nupu taustavärvi või selle teksti jaoks kasutatavat fonti.

Kasutajaliidese eelvaade

Ehkki saate oma rakendusi testida, käivitades need iOS-i simulaatoril, pole see alati hõlpsam viis teie rakenduse kujunemise jälgimiseks.

Kasutajaliidese ehitamisel saate end natuke aega säästa, kui kuvate muudatuste eelvaate Xcode aknas „Eelvaade”, mis on teisene toimetaja, mida kuvatakse tavalise Xcode'i tööala osana.

  • Valige Xcode'i menüüribalt „Vaade> Redigeerimine> Kuva abiredaktor”.
  • Valige abilise redigeerija menüüribal „Automaatne“.

  • Valige „Eelvaade> Main.storyboard (Preview).” Abiserver kuvab nüüd tavalise redigeerija ala kõrval ka teie rakenduse kasutajaliidese eelvaate.
  • Rakenduse kasutajaliidese eelvaate kuvamiseks erinevates suundades liikuge eelvaate akna alaossa ja valige nupp „Pööra”.

Kasutajaliidese ühendamine lähtekoodiga

IOS-i arendamisel on rakenduse kood ja teie kasutajaliides eraldi, kuni oleme loonud põhilise kasutajaliidese ilma, et peaksime kirjutama ühte koodirida. Koodi ja kasutajaliidese lahus hoidmisel on siiski ka varjukülg: peate oma lähtekoodi ja kasutajaliidese vahel selgelt seose looma, süvenedes oma projekti klassidesse UIViewController ja ViewController.

UIViewController on iOS-i rakenduste põhiosa, mille ülesandeks on UI-elementide, näiteks nuppude, liugurite ja tekstiväljade hoidmine. Vaikimisi on UIViewControlleril vaade tühi, seetõttu peame looma kohandatud klassi, mis laiendab UIViewControllerit, mida nimetatakse vaatekontrolleriks.

Kui avate oma projekti faili „ViewController.swift”, näete, et ühe vaate rakenduse mall on juba meie jaoks loonud vaatekontrolleri:

klassi ViewController: UIViewController {

Praegu pärib see ViewControlleri klass lihtsalt kogu UIViewControlleri määratletud käitumist, kuid saate seda vaikekäitumist laiendada ja kohandada, alistades UIViewControlleri määratletud meetodid.Näiteks tühistab fail ViewController.swift meetodi viewDidLoad (), kuid see ei ole tegelikult teha kõike muud kui helistada UIViewControlleri selle meetodi versioonile:

funktsiooni viewDidLoad () {super.viewDidLoad () alistamine // Pärast vaate laadimist tehke täiendavaid seadistusi //}

Ehkki see jääb väljaspool selle õpetuse ulatust, saate kohandada vaatekontrolleri reageeringut sellele sündmusele, lisades oma koodi ViewDidLoad () -meetodile, näiteks siin peate tavaliselt tegema oma rakenduse nõutavad täiendavad seadistused.

Stseenide taga lõi Single View App mall automaatselt ühenduse teie ViewController.swift klassi ja Main.storyboard vahel. Kestusel loob teie Storyboard ViewControlleri eksemplari ja ekraanile ilmub teie Storyboardi sisu.

See annab meile edumaa, kuid siiski peame linkima Storyboardi üksikud elemendid meie ViewController.swift failiga, et lähtekood saaks nende üksikute elementidega suhelda.

Meie ülesanne on luua ühendus meie nupu ja meie lähtekoodi vastava jaotise vahel, nii et meie rakendus kuvaks hoiatuse iga kord, kui kasutaja seda nuppu koputab.

Tegevusmeetodi loomine

Nupu koputamine on sündmus, seetõttu peame looma tegevusmeetod, mis on koodijaotis, mis määratleb, kuidas teie rakendus peaks reageerima konkreetsele sündmusele.

Toimimismeetodi loomine:

  • Veenduge, et navigeerimispiirkonnas oleks valitud fail Main.storyboard.
  • Avage Xcode'i abiredaktor, valides „Kuva> Abiredaktor> Kuva abiredaktor”.
  • Klõpsake redigeerija valimisribal nuppu „Automaatne” ja valige siis „Automaatne> ViewController.swift”.
  • Sel hetkel peaksid nii ViewController.swift fail kui ka Storyboard olema ekraanil nähtavad. Otsige failist ViewController.swift järgmine rida ja lisage selle alla paar rida tühja ruumi:

klassi ViewController: UIViewController {

  • Valige oma süžeeskeemil nupp UI element, nii et see oleks sinisega esile tõstetud.
  • Juhtimis-lohistage nuppu tühja ruumi, mille lõite just oma ViewController.swift-failis. Ilmuma peaks sinine joon, mis näitab, kus tegevusmeetod luuakse.
  • Kui olete meetodi positsiooniga rahul, vabastage nupp ja ilmuma peaks hüpik.
  • Avage hüpikmenüüs rippmenüü „Ühendus“ ja valige „Toiming“.
  • Järgmisena avage rippmenüü „Sündmus” ja valige „Puudutage sisemust”, mis on sündmus, mis käivitatakse iga kord, kui kasutaja tõstab sõrme nupu sisse.
  • Pange sellele toimingule nimi “alertController”.
  • Klõpsake nuppu „Ühenda”.

Xcode loob nüüd järgmise „alertController” meetodi:

@IBAction func alertController (_ saatja: ükskõik) {}

Jagageme täpselt, mis siin toimub:

1. Märkige, et see meetod on toiming

Atribuut „IBAction” paljastab selle meetodi Interface Builderile toiminguna, mis võimaldab teil selle meetodi ühendada oma kasutajaliidese objektidega:

@Valmis

2. Kuulutage välja meetod

Swiftis kuulutame meetodi, kasutades märksõna „func”, millele järgneb meetodi nimi:

func alertControlle ()

3. Määrake mõned parameetrid

Järgmisena määratleme sulgude komplektis mõned valikulised parameetrid, mida meie meetod siis sisendina kasutab.

Igal parameetrikomplektil peaks olema nimi ja tüüp, eraldatud kooloniga (:).

func alertController (_ saatja: suvaline) {

Siin aktsepteerib meetod parameetrit „saatja”, mis viitab objektile, mis vastutas toimingu käivitamise eest, st meie nupule. Samuti väidame, et selle parameetri tüüp võib olla „Any”.

Nüüd, kui kasutaja seda nuppu puudutab, kutsub meie rakendus appi AlertControlleri (_ saatja :) meetodi.

Kontrollige ühendust

Pärast meie "alertControlleri" meetodi loomist saame kontrollida, kas see on korralikult nupuga ühendatud:

  • Valige jaotises Navigeerimine fail „Main.storyboard”.
  • Valige Xcode'i menüüribal „Vaade> Utiliidid> Kuva ühenduste inspektor.” Ühenduste inspektor peaks nüüd avanema Xcode'i tööala paremas servas.
  • Valige ala Redigeerija oma nupp.

Ühenduste inspektor peaks nüüd kuvama selle nupu kohta teavet, sealhulgas jaotise „Saadetud sündmused”, mis sisaldab saadaolevate sündmuste loendit ja vastavat meetodit, millele helistatakse iga sündmuse toimumisel.

Näeme, et sündmus „Ülespoole sisenemine” on ühendatud meie „hoiatuskontrolleri” meetodiga, nii et me teame, et iga kord, kui kasutaja selle nupuga suhtleb, kutsutakse meetod „alertController”.

Siiski on probleem: me ei ole tegelikult määratlenud, mis peaks juhtuma, kui kutsutakse üles hoiatuskontrolleri meetod!

Hoiatuste dialoogi loomine

IOS-is saate teate luua UIAlertControlleri abil, mis on umbes samaväärne Androidi AlertDialogiga.

Avage oma ViewController.swift fail ja lisage järgmine teave:

klass ViewController: UIViewController {@IBAction func showAlert (_ saatja: suvaline) {lase alertController = UIAlertController (pealkiri: "Title",: "Tere, maailm!", preferStyle: .alert) alertController.addAction (UIAlertAction (title: "Tühista") ", stiil: .default)) iseenesest esinev (alertController, animeeritud: tõene, lõpetamine: null)}

Vaatame lähemalt, mis siin täpselt toimub:

1. Kuulutage konstant

Swiftis kuulutate konstandid märksõnaga “lase”, nii et alustuseks kuulutame konstandi, milleks on alertController:

lase hoiatuskontrolleril

2. Määrake sisu

Nüüd saame määratleda teate pealkirja ja:

lase alertController = UIAlertController (pealkiri: "Pealkiri",: "Tere, maailm!")

3. Määrake stiil

Kuna see on märguanne, siis kasutan stiili “Alert”:

lase alertController = UIAlertController (pealkiri: "Pealkiri",: "Tere, maailm!", preferStyle: .alert)

4. Lisage toiming

Järgmisena lisame toimingunupu, kasutades meetodit addAction ():

alertController.addAction (UIAlertAction (pealkiri: "Tühista", stiil: .default))

5. Kuvage häire

Kui oleme oma UIAlertControlleri objekti konfigureerinud, oleme valmis seda kasutajale kuvama. Järgmises lõigus palume ViewControlleril esitada hoiatuskontrolli objekt animatsiooniga:

ise esinev (alertController, animeeritud: tõene, lõpetamine: null)}

Valminud iOS-i rakenduse testimine

Nüüd on aeg panna meie projekt proovile:

  • Valige Xcode'i tööriistaribal nupp „Käivita”.
  • Kui teie rakendus on ilmunud iOS-i simulaatorisse, siis klõpsake sellel nupul - teie teade peaks nüüd ilmuma ekraanile!

Pakkimine üles

Selles õpetuses saime praktilise kogemuse iOS-i arendamiseks. Lõime lihtsa rakenduse, mis koosneb nupust ja hoiatusest, tutvudes Xcode IDE ja Swifti programmeerimiskeelega.

Kas teil on kavas hakata arendama rakendusi iPhone'ile ja iPadile? Või eelistate platvormideüleseid arendusvahendeid, näiteks Flutter? Andke meile allolevates kommentaarides teada!

Nintendo D on kõigi aegade populaareimate käikonoolide hulga. elle ikooniline väärtu on õige nagu Game Boy ja PP oma. üteemi jaok oli hämmatavaid mänge ja m...

õltumata ellet, ka teete murdmaareii või veedate oma päeva kapit välja töötade, on oovimatu müra blokeerimiega tohutu kau teie muuika kõlade. Kõrva jaok ob...

Huvitav Täna