Nilalaman

• Kailangan ko bang malaman ang Swift?
• Pag-setup ng Xcode IDE ng Apple
• Pagsisimula: Lumikha ng isang bagong proyekto ng Xcode
• Kailangan ng pangkat ng pag-unlad?
• Pag-unawa sa Xcode IDE ng Apple
• AppleDelegate: Sinusuri ang Swift source file
• 1. Lumikha ng isang punto ng pagpasok
• 2. Tukuyin ang iyong AppDelegate
• 3. tukuyin ang isang pag-aari ng window
• 4. Maraming pagpapatupad Stub
• Pagsubok sa iyong proyekto: Pagpapatakbo ng iOS Simulator
• Paglikha ng isang UI kasama ang Interface Tagabuo
• Pag-access sa Library ng Bagay ng iOS
• Pagpapasadya ng mga bagay gamit ang Attributes Inspector
• Pag-preview ng iyong interface ng gumagamit
• Pagkonekta sa iyong UI sa iyong source code
• Lumilikha ng isang paraan ng pagkilos
• 1. Ipahiwatig ang pamamaraang ito ay isang pagkilos
• 2. Ipahayag ang pamamaraan
• 3. Tukuyin ang ilang mga parameter
• Suriin ang koneksyon
• Lumilikha ng isang alerto na diyalogo
• 1. Ipahayag ang isang pare-pareho
• 2. Itakda ang nilalaman
• 3. Itakda ang istilo
• 4. Magdagdag ng isang pagkilos
• 5. Ipakita ang alerto
• Pagsubok sa iyong nakumpletong iOS app
• Pagputol

Ang Android ay maaaring isa sa mga pinakatanyag na operating system sa buong mundo, ngunit malayo ito sa nag-iisang mobile operating system!

Kung nais mong maabot ang iyong mobile application sa pinakamalawak na posibleng madla, kakailanganin mong i-target ang maraming mga platform. Habang ikaw maaari pumili para sa isang tool ng pag-unlad ng cross-platform tulad ng Flutter, maaari ka ring lumikha ng maraming mga codebases, na nagbibigay-daan sa iyo upang maihatid ang isang karanasan sa gumagamit na idinisenyo at pinasadya para sa bawat mobile platform.

Marahil ay nais mong ilabas ang iyong pinakabagong mobile app sa Android at iOS, marahil ay isinasaalang-alang mo ang paglukso ng barko papunta sa Apple, o marahil ay mausisa ka lamang upang makita kung paano inihahambing ang pagbuo para sa iOS sa pagbuo para sa Android. Anuman ang iyong pagganyak, sa artikulong ito ay ipapakita ko sa iyo kung paano simulan ang pagbuo para sa iOS, sa pamamagitan ng paglikha ng isang simpleng app para sa iPad at iPhone.

Kasabay nito, magbibigay ako ng isang pagpapakilala sa mga pangunahing konsepto ng wika ng programming Swift ng Apple, lakad ka sa mga pangunahing lugar ng nakapaloob na kapaligiran ng pag-unlad ng Xcode, at ipakita sa iyo kung paano subukan ang iyong mga proyekto sa iOS Simulator - kung sakaling ikaw ay hindi pa nakatuon sa pagbili ng isang iPad o iPhone pa!

Narito ang kailangan mong malaman upang simulan ang pagbuo para sa iOS.

Kailangan ko bang malaman ang Swift?

Kapag nagsisimula nang umunlad para sa iOS, karaniwang magkakaroon ka ng pagpipilian ng dalawang mga wika sa programming: Objective-C o Swift. Inilunsad noong 2014, ang Swift ay ang mas modernong wika, kasama ang Apple ay tila itinutulak ang Swift sa Object-C para sa pag-unlad ng iOS, kaya gumagamit ako ng Swift sa buong tutorial na ito.

Kung ikaw ay isang napapanahong Swift pro, magkakaroon ka ng pagsisimula sa ulo. Gayunpaman, kahit na hindi ka nakita isang solong linya ng Swift bago, magagawa mo pa ring sundin, at sa pagtatapos ng artikulong ito ay lumikha ng isang gumaganang application ng iOS, na nakasulat nang buo sa Swift.

Habang itinatayo namin ang aming iOS app, ipapaliwanag ko ang mga pangunahing konsepto ng wikang ito sa programming, kaya makakakuha ka ng isang pangunahing pangkalahatang-ideya ng Swift at mauunawaan eksakto kung ano ang nangyayari sa bawat linya ng code, kahit na ganap kang bago sa Swift.

Sa kasamaang palad, hindi mo na pinagkadalubhasaan ang isang bagong wika ng programming sa oras na maabot mo ang ilalim ng pahinang ito, ngunit kung magpasya kang ituloy ang pag-unlad ng iOS pagkatapos ay inirerekumenda kong suriin ang Swift Playground app. Ang application na ito ay naglalaman ng mga ehersisyo na Alamin Upang Code, na ipinakita bilang mga interactive na puzzle na makakatulong sa pamilyar ka sa mga mahahalagang Swift na kakailanganin mo, upang magpatuloy sa pag-explore ng pag-unlad ng iOS.

Pag-setup ng Xcode IDE ng Apple

Upang makabuo para sa iPhone at iPad, kakailanganin mo ang isang Mac na nagpapatakbo ng macOS 10.11.5 o mas mataas. Kung hindi ka sigurado kung aling bersyon ng macOS na iyong pinapatakbo, pagkatapos:

• Piliin ang logo ng "Apple" sa menu bar ng iyong Mac.
• Piliin ang "Tungkol sa Mac na ito."
• Tiyaking napili ang tab na "Pangkalahatang-ideya"; ang iyong bersyon ng macOS ay dapat lumitaw sa window na ito.

Kakailanganin mo rin ang Xcode, na kung saan ay ang integrated environment development ng ID (IDE) ng Apple. Ang Xcode ay may lahat ng mga tool at tampok na kinakailangan upang magdisenyo, bumuo at mag-debug ng mga aplikasyon para sa macOS, watchOS, tvOS - at iOS.

Upang i-download ang pinakabagong bersyon ng Xcode:

• Ilunsad ang App Store sa iyong Mac.
• Sa patlang na "Paghahanap", ipasok ang "Xcode."
• Kapag lilitaw ang application ng Xcode, piliin ang "Kumuha" na sinusundan ng "I-install ang App."
• Kapag sinenyasan, ipasok ang iyong Apple ID at password. Kung wala kang Apple ID, maaari kang lumikha ng libre nang isa. Ma-download na ngayon ang Xcode sa folder ng "Aplikasyon" ng iyong Mac.
• Kapag natapos na ang pag-download ng Xcode, ilunsad ito. Basahin ang mga termino at kundisyon, at kung natutuwa kang magpatuloy, pagkatapos ay i-click ang "Sumang-ayon."
• Kung sasabihan ka ng Xcode na mag-download ng ilang karagdagang software, pagkatapos ay sundin ang mga tagubilin sa onscreen upang i-download ang mga nawawalang bahagi.

Pagsisimula: Lumikha ng isang bagong proyekto ng Xcode

Katulad sa Android Studio, ang Xcode ay may isang bilang ng mga template para sa mga karaniwang kategorya ng mga aplikasyon ng iOS, tulad ng nabigasyon na batay sa tab at mga laro. Kasama sa mga template na ito ang code ng boilerplate at mga file na makakatulong sa paglaktaw sa iyong mga proyekto sa iOS. Sa artikulong ito, gagamitin namin ang isa sa mga yari na template na ito.

Upang lumikha ng isang bagong proyekto ng Xcode:

• Ilunsad ang Xcode IDE, kung wala ka na.
• Pagkaraan ng ilang sandali, lilitaw ang screen na "Maligayang Pagdating sa Xcode"; piliin ang "Lumikha ng isang bagong proyekto ng Xcode." Kung hindi lalabas ang welcome screen, pagkatapos ay piliin ang "File> New> Project" mula sa Xcode menu bar.
• Sa window na "Pumili ng isang template para sa iyong bagong proyekto", siguraduhin na napili ang tab na "iOS".
• Piliin ang template na "Single View App", at pagkatapos ay i-click ang "Susunod."
• Sa "Pangalan ng Produkto," ipasok ang "HelloWorld." Gagamitin ito ng Xcode upang pangalanan ang iyong proyekto at ang iyong aplikasyon.
• Kung nais, magpasok ng isang opsyonal na "Pangalan ng samahan."
• Ipasok ang iyong "Organization Identifier." Kung wala kang isang pagkakakilanlan, maaari mong gamitin ang "com.example." Tandaan na ang "Bundle Identifier" ay awtomatikong nabuo batay sa iyong pangalan ng produkto at tagabigay ng organisasyon, kaya hindi mo kailangang mag-alala tungkol dito.
• Buksan ang "Mga Wika" na pagbagsak, at piliin ang "Swift."
• Hanapin ang checkbox na "Gumamit ng Core Data", at tiyakin na ito hindi napili.
• Piliin ang kahon ng "Isama ang Mga Pagsubok sa Yunit".
• Hanapin ang kahon na "Isama ang Mga Pagsubok ng UI", at tiyakin na ito hindi napili.
• I-click ang "Susunod."
• Sa kasunod na diyalogo, piliin ang lokasyon kung saan nais mong mai-save ang iyong proyekto, at pagkatapos ay i-click ang "Lumikha."

I-load ngayon ng Xcode ang iyong proyekto sa window ng workspace nito.

Kailangan ng pangkat ng pag-unlad?

Sa puntong ito, maaaring ipakita ng Xcode ang sumusunod na error "Ang pag-sign para sa HelloWorld ay nangangailangan ng isang pangkat ng pag-unlad."

Bago mo mapatakbo ang iyong proyekto sa isang pisikal na aparato ng iOS, kakailanganin mong mag-setup ng isang wastong koponan at pirmahan ang iyong aplikasyon. Dahil nagsusumikap lamang kami sa iOS, hindi mo na kailangang makumpleto ang proseso ng pag-sign ngayon, ngunit kakailanganin mong mag-sign sa iyong aplikasyon bago ito tumakbo sa isang pisikal na aparato o ma-access ang ilang mga serbisyo, tulad ng Game Center o In-App Mga Pagbili.

Pag-unawa sa Xcode IDE ng Apple

Ang workspace ng Xcode ay kung saan isusulat mo ang lahat ng pinagmulan ng code ng iyong app, magdisenyo at bumuo ng iyong interface ng gumagamit (UI), at lumikha ng lahat ng mga karagdagang file at mapagkukunan na sa huli ay magkasama upang mabuo ang iyong nakumpletong application ng iOS.

Ang Xcode ay puno ng mga tampok, ngunit bilang isang bagong dating sa pag-unlad ng iOS, may ilang mga lugar na kailangan mong malaman tungkol sa:

• (1) Lugar ng Pag-navigate. Ang lugar na ito ay nagbibigay ng mabilis at madaling pag-access sa lahat ng iba't ibang mga file at mapagkukunan na bumubuo sa iyong proyekto. Maaari mong suriin ang mga nilalaman ng isang file sa pamamagitan ng pagpili nito sa lugar ng Navigation. Tandaan na kailangan mo lang piliin ang file na pinag-uusapan; pag-double click sa isang file ay ilulunsad ito sa isang bago, panlabas na window.
• (2) Lugar ng editor. Depende sa file na iyong pinili sa lugar ng Navigation, magpapakita ang Xcode ng iba't ibang mga interface sa lugar ng Editor. Kadalasan, gagamitin mo ang lugar ng Editor upang isulat ang source code ng iyong aplikasyon at itayo ang UI nito.
• Utility area. Ang lugar na ito ay nahahati sa dalawang seksyon. Ang tuktok ng lugar ng Utility (3) ay nagpapakita ng pane ng Inspektor, kung saan makikita mo ang impormasyon tungkol sa item na napili mo sa lugar ng Navigation o Editor, at i-edit ang mga katangian nito. Ang ilalim ng lugar ng Utility (4) ay nagpapakita ng pane ng Library, na nagbibigay ng pag-access sa ilang mga yari na elemento ng UI, mga snippet ng code at iba pang mga mapagkukunan.

AppleDelegate: Sinusuri ang Swift source file

Kasama sa template ng Single View App ang lahat ng Swift code at mga mapagkukunan na kinakailangan upang lumikha ng isang simple, ngunit gumagana ang application ng iOS.

Maaari mong makita ang lahat ng mga awtomatikong nabuo na mga file at mapagkukunan sa lugar ng Navigation (patungo sa kaliwang bahagi ng Xcode workspace).

Kung ang lugar ng Pag-navigate ay hindi makikita, maaari mo itong maiwasang itago sa pamamagitan ng pagpili ng "Tingnan> Navigator> Ipakita ang Project Navigator" mula sa menu ng Xcode.

Ang template ng Simple View Application ay awtomatikong bumubuo ng maraming mga file, ngunit magsimula sa pamamagitan ng pagsusuri sa "AppleDelegate.swift." Piliin ang file na ito sa lugar ng Navigation, at dapat na i-update ang lugar ng Editor upang ipakita ang mga nilalaman ng file.

import UIKit @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate {var window: UIWindow? // Sa Swift, nagpapahayag ka ng isang pamamaraan gamit ang keyword na "function" // application application (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions:?) -> Bool {bumalik true} // Tukuyin ang isang "application" na parameter na may uri ng "UIApplication "// application applicationWillResignActive (_ application: UIApplication) {} application applicationDidEnterBackground (_ application: UIApplication) {} application applicationWillEnterForeground (_ application: UIApplication) {} function applicationDidBecomeActive (_ application: UIApplication) {} function applicationWillTerication) ) {}}

Tingnan natin kung ano ang nangyayari sa file na ito:

1. Lumikha ng isang punto ng pagpasok

Ang katangian ng @UIApplicationMain ay lumilikha ng isang punto ng pagpasok sa iyong app at isang run loop, na kung saan ay isang loop ng pagpoproseso ng kaganapan na nagpapahintulot sa iyo na mag-iskedyul ng trabaho at ayusin ang mga kaganapan sa pag-input sa loob ng iyong aplikasyon.

@UIApplicationMain

2. Tukuyin ang iyong AppDelegate

Ang file ng AppDelegate.swift ay tumutukoy sa isang klase ng AppleDelegate, na lumilikha ng window kung saan iginuhit ang nilalaman ng iyong app at nagbibigay ng isang lugar upang tumugon sa mga paglilipat ng estado, tulad ng tuwing ang iyong mga paglilipat ng app sa background o dinala sa harapan.

klase AppDelegate: UIResponder, UIApplicationDelegate {

Sa code sa itaas, inaampon din namin ang UIApplicationDelegate protocol, na tumutukoy sa ilang mga pamamaraan na maaari mong gamitin upang i-setup ang iyong app, at hawakan ang iba't ibang mga kaganapan sa antas ng app.

3. tukuyin ang isang pag-aari ng window

Ang klase ng AppDelegate ay naglalaman ng isang "window" na pag-aari, na nag-iimbak ng isang sanggunian sa window ng aplikasyon. Ang ari-arian na ito ay kumakatawan sa ugat ng hierarchy ng view ng iyong app, at kung saan ang lahat ng nilalaman ng iyong app ay iguguhit.

var window: UIWindow?

4. Maraming pagpapatupad Stub

Ang klase ng AppDelegate ay naglalaman din ng mga pagpapatupad ng mga mais para sa ilang mga pamamaraan ng delegado, tulad ng:

application applicationDidEnterBackground (_ application: UIApplication) {

Pinapagana ng mga pamamaraang ito ang object ng app na makipag-usap sa delegado ng app. Sa tuwing nagbabago ang iyong aplikasyon, tatawagan ng object ng app ang kaukulang pamamaraan ng delegado, halimbawa kapag lumilipat ang app sa background tatawagin ito sa itaas na applicationDidEnterBackground.

Ang bawat isa sa mga pamamaraan ng delegasyong ito ay may isang default na pag-uugali, ngunit maaari mong tukuyin ang mga pasadyang pag-uugali sa pamamagitan ng pagdaragdag ng iyong sariling code. Halimbawa, karaniwang palawakin mo ang applicationDidEnterBackground na maisasakatuparan sa pamamagitan ng pagdaragdag ng code upang palayain ang anumang ibinahaging mapagkukunan. Ang pamamaraan ng applicationDidEnterBackground ay kung saan dapat kang mag-imbak ng sapat na impormasyon ng estado upang maibalik ang iyong aplikasyon sa kasalukuyang estado, kung sakaling mapuksa ang iyong app habang nasa background ito.

Bilang karagdagan sa applicationDidEnterBackground, naglalaman ang AppleDelegate.swift ng mga sumusunod na pamamaraan:

• didFinishLaunchingWithOptions. Ipinaalam sa delegado na ang proseso ng paglulunsad ay halos kumpleto at ang iyong aplikasyon ay halos handa nang tumakbo. Dapat mong gamitin ang pamamaraang ito upang makumpleto ang pagsisimula ng iyong app at gumawa ng anumang pangwakas na pag-tweak, bago maipakita ang UI ng iyong application sa gumagamit.
• applicationWillResignActive. Sinasabi sa delegado na ang iyong aplikasyon ay malapit nang lumipat mula sa isang aktibo sa isang hindi aktibo na estado. Ang pamamaraang ito ay maaaring ma-trigger ng isang pansamantalang pagkagambala, tulad ng isang papasok na tawag sa telepono, o kapag nagsisimula ang iyong aplikasyon sa paglipat sa isang estado ng background. Kapag ang iyong app ay nasa isang hindi aktibong estado dapat itong magsagawa ng minimal na trabaho, kaya dapat mong gamitin ang applicationWillResignActive upang i-pause ang patuloy na mga gawain at huwag paganahin ang anumang mga timer. Dapat mo ring kunin ang pagkakataong ito upang mai-save ang anumang hindi nai-save na data, kaya hindi mawawala kung pipiliin ng gumagamit na umalis sa iyong aplikasyon habang nasa background ito.
• applicationWillEnterBago. Sa iOS 4.0 at mas bago, ang pamamaraang ito ay tinawag bilang bahagi ng paglipat ng iyong app mula sa background papunta sa isang aktibo, foreground state. Dapat mong gamitin ang pamamaraang ito upang alisin ang anumang mga pagbabagong nagawa mo nang ipasok ang background ng iyong background.
• applicationDidBecomeActive. Sinasabi nito sa delegado na ang iyong app ay lumipat mula sa isang hindi aktibo sa isang aktibong estado. Karaniwan, nangyayari ito kapag inilulunsad ng gumagamit o system ang iyong aplikasyon, ngunit maaari rin itong mangyari kung pinili ng gumagamit na huwag pansinin ang isang pagkagambala na inilipat ang iyong app sa isang pansamantalang hindi aktibo na estado, tulad ng isang papasok na tawag sa telepono o SMS. Dapat mong gamitin ang applicationDidBecomeActive na pamamaraan upang ma-restart ang anumang mga gawain na na-pause habang ang iyong aplikasyon ay nasa hindi aktibo na estado.
• applicationWillTerminate. Ang pamamaraang ito ay nagpapaalam sa delegado na malapit nang matapos ang iyong aplikasyon. Dapat mong gamitin ang pamamaraang ito upang maisagawa ang anumang kinakailangang paglilinis, tulad ng pag-save ng data ng gumagamit o pag-freeing ng mga ibinahaging mapagkukunan. Magkaroon lamang ng kamalayan na ang pamamaraang ito ay may humigit-kumulang limang segundo upang maisagawa ang mga gawain at bumalik, at kung lumampas ito sa limitasyon ng oras na ito ay maaaring magpasya ang system na ganap na patayin ang proseso.

Pagsubok sa iyong proyekto: Pagpapatakbo ng iOS Simulator

Dahil ginamit namin ang template ng Single View App, ang aming proyekto ay naglalaman ng sapat na code upang patakbuhin sa iOS.

Maaari mong ilagay ang iyong iOS proyekto sa pagsubok, sa pamamagitan ng paggamit ng iOS Simulator na paunang naka-pack na may Xcode. Katulad sa emulator ng Android Studio, pinapayagan ka ng iOS Simulator na subukan kung paano titingnan at mag-andar ang iyong app sa isang hanay ng mga aparato, kabilang ang mga aparato na may iba't ibang laki at mga resolusyon sa screen.

Patakbuhin ang aming proyekto sa iOS Simulator:

• Piliin ang "Itakda ang aktibong pamamaraan" (kung saan nakaposisyon ang cursor sa sumusunod na screenshot).

• Piliin ang aparato na nais mong tularan, tulad ng "iPhone 8," "iPad Air 2" o "iPhone X." Ang Simulator ay ginagaya ang iPhone 8 Plus sa pamamagitan ng default.
• Sa itaas na kaliwa ng toolbar ng Xcode, piliin ang pindutan ng "Run" (kung saan nakaposisyon ang cursor sa sumusunod na screenshot).

• Kung ito ang iyong unang beses na pagsubok sa isang iOS app, tatanungin ng Xcode kung nais mong paganahin ang mode ng developer. Pinapayagan ng mode ng developer ang Xcode na ma-access ang ilang mga tampok na pag-debug nang hindi hiniling ang iyong password sa bawat solong oras, kaya't maliban kung mayroon kang isang tukoy na dahilan na hindi, karaniwang gusto mong paganahin ang mode ng developer.

Kapag natapos na ang Xcode sa pagbuo ng iyong proyekto, ang iOS Simulator ay ilulunsad at sisimulan ang pag-load ng iyong app. Katulad sa emulator ng Android, maaari itong minsan ay isang mabagal na proseso, kaya maaaring kailangan mong maging mapagpasensya (marahil gamitin ito bilang isang pagkakataon upang makuha ang iyong sarili ng kape!)

Kapag na-load ang iyong aplikasyon, makikipag-usap ka sa isang puting screen na puti. Ang template ng Single View App ay maaaring isang gumaganang application ng iOS, ngunit hindi ito eksaktong nakapupukaw application, kaya't magdagdag ng ilang mga elemento ng UI.

Paglikha ng isang UI kasama ang Interface Tagabuo

Nagbibigay ang Xcode ng Interface Tagabuo ng isang visual na paraan para sa iyo upang magdisenyo at bumuo ng UI ng iyong aplikasyon, na katulad ng kung paano gumagana ang Layout Editor sa Android Studio.

Kung titingnan mo ang lugar ng Navigation, makikita mo na ang template ng Single View App ay nakabuo ng isang "Main.storyboard" file, na kung saan ay Kwento ng kwento file. Ang isang Storyboard ay isang visual na representasyon ng UI ng iyong app, na maaari mong mai-edit sa Interface Tagabuo.

Upang tingnan ang Storyboard ng aming app, piliin ang file ng Main.storyboard sa lugar ng Navigation. Dapat na buksan ang Interface Tagabuo nang awtomatiko at ipakita ang UI ng iyong app, na kasalukuyang binubuo ng isang solong screen.

Ang screen na ito ay naglalaman ng isang solong view, na may isang arrow na tumuturo patungo sa kaliwang bahagi ng screen. Ang arrow na ito ay kumakatawan sa punto ng pagpasok ng Storyboard, na siyang unang screen na nakikita ng gumagamit kapag inilulunsad nila ang iyong app.

Pag-access sa Library ng Bagay ng iOS

Ang pinakamadaling paraan upang mabuo ang iyong UI, ay ang paggamit ng mga item mula sa Xcode Object Library. Naglalaman ang library na ito ng mga bagay na may nakikitang presensya sa onscreen, tulad ng Mga Pananaw ng Larawan, Mga Bar at Mga Paglipat ng Navigation, at mga bagay na tumutukoy sa pag-uugali ngunit walang nakikitang presensya, tulad ng mga pagkilala sa gesture at mga view ng lalagyan.

Gagawa kami ng isang pindutan na, kapag naka-tap, ay nagpapakita ng isang alerto. Magsimula tayo sa pamamagitan ng pag-agaw ng isang pindutan mula sa Object Library at idagdag ito sa aming app:

• Sa patungo sa ilalim ng kanan ng workspace ng Xcode, piliin ang pindutan ng "Ipakita ang object library". Bilang kahalili, maaari mong piliin ang "Tingnan> Mga Utility> Ipakita ang Object Library" mula sa menu ng Xcode.

• Ang Object Library ay dapat na magpakita ngayon ng isang listahan ng lahat ng iba't ibang mga item na maaari mong idagdag sa iyong UI. Mag-scroll sa listahang ito upang makita kung anong mga pagpipilian ang magagamit.
• Nais naming magdagdag ng isang pindutan, kaya i-type ang "button" sa patlang na teksto ng "Filter", at pagkatapos ay piliin ang pindutan kapag lumilitaw ito sa listahan.
• I-drag ang object button sa iyong canvas. Habang nag-drag ka, lilitaw ang isang hanay ng mga pahalang at patnubay na gabay upang matulungan kang iposisyon ang pindutan. Kapag masaya ka sa paglalagay nito, pakawalan ang iyong mouse upang idagdag ang pindutan sa iyong UI.

Pagpapasadya ng mga bagay gamit ang Attributes Inspector

Susunod, kailangan nating magdagdag ng ilang teksto sa pindutan. Maaari mong ipasadya ang mga bagay, gamit ang Xcode's Attribut Inspector:

• Piliin ang "Tingnan> Mga Utility> Ipakita ang Mga Tagatnubay ng Mga Katangian" mula sa toolbar ng Xcode; ang Inspektor ng Mga Katangian ay dapat na lumitaw ngayon sa kanang bahagi ng Xcode workspace.

• Sa iyong canvas, piliin ang object button.
• Sa Inspektor ng Mga Katangian, hanapin ang seksyong "Pamagat" at palitan ang default na "Button" na teksto sa iyong sariling teksto.
  Pindutin ang "Return" key sa iyong keyboard, at i-update ng Interface Tagabuo ang pindutan upang itampok ang iyong bagong teksto.

Sa puntong ito, baka gusto mong mag-eksperimento sa ilan pang mga katangian ng pindutan, halimbawa maaari mong baguhin ang kulay ng background ng pindutan, o ang font na ginamit para sa teksto nito.

Pag-preview ng iyong interface ng gumagamit

Habang maaari mong subukan ang iyong mga aplikasyon sa pamamagitan ng pagpapatakbo nito sa iOS Simulator, hindi ito palaging ang pinakamadaling paraan upang masubaybayan kung paano bumubuo ang iyong aplikasyon.

Kapag binuo mo ang iyong UI, mai-save mo ang iyong sarili ng ilang oras sa pamamagitan ng pag-preview ng iyong mga pagbabago sa window ng "Preview" ng Xcode, na isang pangalawang editor na ipinapakita bilang bahagi ng regular na workcode ng Xcode.

• Piliin ang "Tingnan> I-edit> Ipakita ang Assistant Editor" mula sa menu bar ng Xcode.
• Sa menu bar ng Assistant Editor, piliin ang "Awtomatikong."

• Piliin ang "Preview> Main.storyboard (Preview)." Ipapakita ngayon ng Assistant Editor ang isang preview ng interface ng gumagamit ng iyong app sa tabi ng regular na lugar ng Editor.
• Upang ma-preview ang UI ng iyong app sa iba't ibang mga orientasyon, mag-scroll sa ibaba ng window ng Preview at piliin ang pindutan ng "I-rotate".

Pagkonekta sa iyong UI sa iyong source code

Sa pag-unlad ng iOS, ang code ng app at ang iyong interface ng gumagamit ay hiwalay, hanggang sa kung saan lumikha kami ng isang pangunahing UI nang hindi kinakailangang sumulat ng isang solong linya ng code. Gayunpaman, mayroong isang pagbagsak upang mapanatili ang hiwalay na code at UI: kailangan mong malinaw na magtatag ng isang relasyon sa pagitan ng iyong source code at interface ng iyong gumagamit, sa pamamagitan ng paglalagay sa mga klase ng UIViewController at ViewController.

Ang UIViewController ay isang pangunahing bloke ng gusali ng mga aplikasyon ng iOS, na may pananagutan sa paghawak ng mga elemento ng UI tulad ng mga pindutan, slider at patlang ng teksto. Bilang default, ang UIViewController ay walang laman na pagtingin, kaya kailangan nating lumikha ng isang pasadyang klase na nagpapalawak ng UIViewController, na kilala bilang isang Controller ng Tingnan.

Kung binuksan mo ang file ng "ViewController.swift" ng iyong proyekto, makikita mo na ang template ng Single View App ay nakabuo ng isang View Controller para sa amin:

klase ViewController: UIViewController {

Sa kasalukuyan, ang klase ng ViewController na ito ay nagmamana lamang ng lahat ng pag-uugali na tinukoy ng UIViewController, ngunit maaari mo itong pahabain at ipasadya ang default na pag-uugali na ito sa pamamagitan ng pag-overlay ng mga pamamaraan na tinukoy ng UIViewController.Halimbawa, sa kasalukuyan ang ViewController.swift file ay pinalampas ang viewDidLoad () na pamamaraan, ngunit hindi talaga ito gawin kahit ano maliban tawag sa bersyon ng UIViewController ng pamamaraang ito:

Sobra ang view viewDidLoad () {super.viewDidLoad () // Gawin ang anumang karagdagang pag-setup pagkatapos ma-load ang view ng //}

Bagaman ito ay lampas sa saklaw ng tutorial na ito, maaari mong ipasadya ang tugon ng View Controller sa kaganapang ito sa pamamagitan ng pagdaragdag ng iyong sariling code sa paraan ng viewDidLoad (), halimbawa ito ay kung saan karaniwang nakagawa ka ng anumang karagdagang pag-setup na kinakailangan ng iyong app.

Sa likod ng mga eksena, awtomatikong lumikha ang isang template ng Single View App ng isang koneksyon sa pagitan ng iyong ViewController.swift klase at Main.storyboard. Sa runtime, ang iyong Storyboard ay lilikha ng isang halimbawa ng ViewController at lilitaw sa screen ang mga nilalaman ng iyong Storyboard.

Nagbibigay ito sa amin ng isang pagsisimula ng ulo, ngunit kailangan pa rin nating i-link ang mga indibidwal na elemento sa loob ng aming Storyboard, sa aming file ng ViewController.swift, upang ang source code ay maaaring makipag-usap sa mga indibidwal na elemento.

Ang aming gawain, ay upang lumikha ng isang koneksyon sa pagitan ng aming pindutan at naaangkop na seksyon ng aming code ng mapagkukunan, upang ang aming application ay nagpapakita ng isang alerto sa bawat oras na i-tap ng gumagamit ang pindutan.

Lumilikha ng isang paraan ng pagkilos

Ang pag-tap ng isang pindutan ay isang kaganapan, kaya kailangan nating lumikha ng isang paraan ng pagkilos, na kung saan ay isang seksyon ng code na tumutukoy kung paano dapat tumugon ang iyong aplikasyon sa isang partikular na kaganapan.

Upang lumikha ng isang paraan ng pagkilos:

• Sa lugar ng Navigation, tiyaking napili ang iyong file ng Main.storyboard.
• Buksan ang Assistant Editor ng Xcode, sa pamamagitan ng pagpili ng 'View> Assistant Editor> Ipakita ang Assistant Editor. "
• Sa bar panel ng Editor, i-click ang "Awtomatikong" at pagkatapos ay piliin ang "Awtomatikong> ViewController.swift."
• Sa puntong ito, ang parehong file ng ViewController.swift at ang Storyboard ay dapat na makikita sa onscreen. Sa file na ViewController.swift, hanapin ang sumusunod na linya at magdagdag ng ilang mga linya ng walang laman na puwang sa ilalim nito:

klase ViewController: UIViewController {

• Sa iyong Storyboard, piliin ang pindutan ng elemento ng UI upang ito ay naka-highlight na asul.
• I-control-drag ang pindutan sa walang laman na puwang na nilikha mo lamang sa iyong ViewController.swift file. Dapat lumitaw ang isang asul na linya, na nagpapahiwatig kung saan lilikha ang pamamaraan ng pagkilos.

• Kapag nasiyahan ka sa posisyon ng pamamaraan, ilabas ang pindutan at dapat lumitaw ang isang popup.
• Sa popup, buksan ang pagbaba ng "Koneksyon" at piliin ang "Aksyon."
• Susunod, buksan ang "Kaganapan" na pagbagsak at piliin ang "Touch Up Inside," na kung saan ay isang kaganapan na mai-trigger kapag ang gumagamit ay itataas ang kanilang daliri sa loob ng pindutan.
• Bigyan ang aksyong ito ng pangalang "alertController."
• I-click ang "Kumonekta."

Gagawa ngayon ng Xcode ang sumusunod na paraan ng "alertController":

@IBAction function alertController (_ sender: Anumang) {}

Ibagsak natin kung ano ang nangyayari dito:

1. Ipahiwatig ang pamamaraang ito ay isang pagkilos

Ang "IBAction" na katangian ay inilalantad ang pamamaraang ito sa Interface Tagabuo bilang isang pagkilos, na nagbibigay-daan sa iyo upang ikonekta ang pamamaraang ito sa iyong mga bagay sa UI:

@IBAction

2. Ipahayag ang pamamaraan

Sa Swift, nagpapahayag kami ng isang pamamaraan gamit ang keyword na "function", na sinundan ng pangalan ng pamamaraan:

function alertControlle ()

3. Tukuyin ang ilang mga parameter

Susunod, tinukoy namin ang ilang mga opsyonal na mga parameter sa loob ng isang hanay ng mga panaklong, na gagamitin ng aming pamamaraan bilang input.

Ang bawat hanay ng mga parameter ay dapat magkaroon ng isang pangalan at isang uri, na pinaghiwalay ng isang colon (:).

function alertController (_ sender: Anumang) {

Dito, tinatanggap ng pamamaraan ang isang "nagpadala" na parameter, na tumutukoy sa bagay na responsable para sa pag-trigger ng pagkilos, i.e ang aming pindutan. Sinasabi din namin na ang parameter na ito ay maaaring uri ng "Anumang."

Ngayon, sa tuwing i-tap ng gumagamit ang pindutan, hihingin ng aming app ang alertController (_ sender :) na pamamaraan.

Suriin ang koneksyon

Matapos lumikha ng aming "alertController" na pamamaraan, maaari naming masuri na maayos na konektado sa pindutan:

• Sa lugar ng Navigation, piliin ang file na "Main.storyboard".
• Sa menu bar ng Xcode, piliin ang "Tingnan> Mga Utility> Ipakita ang Mga Koneksyon ng Inspeksyon." Dapat na magbukas ngayon ang Mga Koneksyon ng Inspektor sa kanang bahagi ng Xcode workspace.
• Sa lugar ng Editor, piliin ang iyong pindutan.

Ang Mga Koneksyon ng Inspektor ay dapat na magpakita ngayon ng ilang impormasyon tungkol sa pindutan na ito, kasama ang isang seksyon na "Ipinadala Mga Kaganapan", na naglalaman ng isang listahan ng mga magagamit na kaganapan at ang kaukulang pamamaraan na tatawagin tuwing nangyayari ang bawat kaganapan.

Makikita natin na ang kaganapan ng "Touch Up Inside" ay konektado sa aming "alertController" na pamamaraan, kaya alam namin na sa tuwing nakikipag-ugnay ang gumagamit sa pindutan na ito ang "alertController" na pamamaraan ay tatawagin.

Gayunpaman, may problema: hindi namin talaga tinukoy kung ano ang dapat mangyari kapag tinawag ang "alertController" na pamamaraan!

Lumilikha ng isang alerto na diyalogo

Sa iOS, maaari kang lumikha ng isang alerto gamit ang UIAlertController, na halos katumbas ng AlertDialog ng Android.

Buksan ang iyong ViewController.swift file at idagdag ang sumusunod:

klase ViewController: UIViewController {@IBAction func showAlert (_ sender: Any) {let alertController = UIAlertController (pamagat: "Pamagat",: "Kumusta, mundo!", ginustongStyle: .alert) alertoController.addAction (UIAlertAction (titulo: "Cancel) ", style: .default)) self.present (alertController, animated: totoo, pagkumpleto: nil)}

Tingnan natin nang mabuti kung ano ang nangyayari dito:

1. Ipahayag ang isang pare-pareho

Sa Swift, ipinapahayag mo ang mga patuloy na may "let" keyword, kaya nagsisimula kami sa pamamagitan ng pagpapahayag ng isang palaging tinatawag na alertController:

hayaan ang alertController

2. Itakda ang nilalaman

Maaari naming ngayon tukuyin ang pamagat ng alerto at:

hayaan ang alertController = UIAlertController (pamagat: "Pamagat",: "Kumusta, mundo!")

3. Itakda ang istilo

Dahil ito ay alerto, gumagamit ako ng "Alert" na estilo:

hayaan ang alertController = UIAlertController (pamagat: "Pamagat",: "Kumusta, mundo!", ginustongStyle: .alert)

4. Magdagdag ng isang pagkilos

Susunod, nagdaragdag kami ng isang pindutan ng pagkilos, gamit ang addAction () na pamamaraan:

alertController.addAction (UIAlertAction (pamagat: "Ikansela", style: .default))

5. Ipakita ang alerto

Kapag na-configure namin ang aming UIAlertController object, handa kaming ipakita ito sa gumagamit. Sa mga sumusunod na snippet, hinihiling namin sa ViewController na ipakita ang object ng alertController na may isang animation:

self.present (alertController, animated: totoo, pagkumpleto: nil)}

Pagsubok sa iyong nakumpletong iOS app

Ngayon na ang oras upang masubukan ang aming proyekto:

• Piliin ang pindutan ng "Run" sa toolbar ng Xcode.
• Kapag lumitaw ang iyong aplikasyon sa iOS simulator, bigyan ang isang pindutan nito isang pag-click - dapat na lumitaw ang iyong alerto sa onscreen!

Pagputol

Sa tutorial na ito, nakakuha kami ng ilang hands-on na karanasan sa pagbuo para sa iOS. Lumikha kami ng isang simpleng application, na binubuo ng isang pindutan at isang alerto, habang pamilyar sa Xcode IDE at ang Swift programming language.

Mayroon ka bang anumang mga plano upang simulan ang pagbuo ng mga app para sa iPhone at iPad? O mas gusto mo ang mga tool sa pag-unlad ng cross-platform tulad ng Flutter? Ipaalam sa amin sa mga komento sa ibaba!