Sizning birinchi iOS ilovangizni yaratish.

Ushbu maqola sizga o'zingizning iOS Tap Tap Counter ilovangizni qanday yaratishni o'rgatadi. Bu haqiqatan ham oddiy ilova, bu kran tugmasini bosgan vaqtingizni hisoblab chiqadi va qayta o'rnatganingizda u yana noldan hisoblashni boshlaydi. Bu erda siz yaratadigan narsalarning oddiy ko'rib chiqishi.

Davom etishdan oldin, men sizga ushbu darslik boshlang'ich sifatida bir nechta tushunchalarni tekshirishi haqida xabar bermoqchiman. Bu erda hali juda aqldan ozgan narsa yo'q, lekin ajoyib boshlang'ich.

O'rnatish

  1. Avval Xcode-ni yuklab olganingizga ishonch hosil qilishingiz kerak. Sizda ham so'nggi XCode mavjudligiga ishonch hosil qiling. App Store-da tekshiring va yangilanish kerak emasligiga ishonch hosil qiling.
  2. Men ushbu darslik ishlayotganda Xcode 8.3.2 Swift 3-dan foydalanyapman. Agar siz ushbu maqolani ko'rganingizda biron bir narsa o'zgargan yoki ishlamayotgan bo'lsa, iltimos, menga xabar bering, shunda men maqolani shunga mos ravishda o'zgartirishim mumkin.
  3. Birinchi loyihangizni yarating. Xcode-ni ishga tushiring va siz xush kelibsiz ekranda bo'lishingiz kerak.
  4. Yangi Xcode loyihasini yaratish-ni bosing.
  5. Single View Application-ni bosing, chunki bu juda oddiy ilova va biz View-dan foydalanmoqdamiz. O'yinlar kabi boshqa variantlar mavjud - shuningdek, siz o'yinlarni yaratishingiz mumkin, iMessage ilovasi - iMessage uchun dastur yarating, bu klaviatura bo'lishi mumkin, va klaviaturadagi o'yin va sahifa asosidagi ilova - iBooksga o'xshash narsalar juda ko'p. surish va kamroq shovqin turlari.
  6. Keyin "Keyingi" ni bosing va dasturga Mahsulot nomida nom bering. Jamoa va tashkilot nomi, tashkilot identifikatorini tanlang. Til tez ekanligiga ishonch hosil qiling. Qurilmalar uchun siz o'zingiz yoqtirgan narsani tanlashingiz mumkin. Men Universal-dan foydalanaman, uni ham iPad, ham iPhone uchun ishlatsa bo'ladi. Ammo siz iPad-dan faqat iPad-ga yoki iPhone-ga faqat iPhone-dan foydalanishingiz mumkin.
  7. U erdan Xcode sizga ushbu loyihani saqlash uchun joy tanlashni taklif qiladi. Siz xohlagan joyda saqlashni tanlashingiz mumkin.
  8. Tugatgandan so'ng, sizda juda bo'sh loyiha bo'lishi kerak. Ammo biz buni tezda tuzatamiz.
  9. Main.storyboard-ni bosing
  10. Bu sizning interfeys tuzuvchingiz. Bu erda siz oldingi ishning ko'p qismini bajarasiz. Siz dizayni qilasiz va bu erda ko'rinadi.
  11. O'ngning pastki o'ng burchagida bu erda TableViewController, Tugmalar, Yorliqlar va Matn ko'rinishlari kabi elementlarni va kontrolörlarni tanlash mumkin.
  12. U erda kerakli narsalarni qidirish uchun foydalanishingiz mumkin bo'lgan qidirish paneli mavjud.

Asosiy.stansiyalar taxtasi

  1. Navigatsiya boshqaruvchisini qidiring va uni ekranga torting.
  2. U erdan, rootViewController-ni olib tashlang. O'ng panelga qarang, rootViewController-ni tanlang. "O'chirish" tugmachasini bosing. Endi boshqarishni amalga oshiring va navigatsiya boshqaruvchisini View Controller-ga torting va uni Root View Controller sifatida o'rnating.

Keyin siz Navigatsiya Controller-ni bosing va o'ng tomonda "Boshlang'ich ko'rish nazorati" deb nomlangan bo'sh katakcha mavjud. Buni bosganingizga ishonch hosil qiling

Bu narsa asosan Xcode-ga shunchaki ko'rinishda emas, balki navigatsiya boshqaruvchisidan boshlashni aytadi. Bizning navigatsiya panelimiz hozirda ishlaydi. Navigatsiya paneli videoning yuqorisidagi "Hisoblagich" sarlavhasi va "Qayta tiklash" tugmachasi bilan ko'rgan bar.

  1. U erdan siz "Kutubxona" yorlig'ini qidirasiz va uni View Controller-ga tortasiz.
  2. Endi tugmachani qidiring va xuddi shu narsani ikki marta bajaring.
  3. U erdan, teglar va tugmachalarni o'zingiz xohlagan tarzda tekislang. Ushbu elementlarni siljitishda ko'radigan chiziqlar bu sizni biron bir joyga hizalanayotganingizni bildiradigan hizalanishlardir. Tugatganingizdan so'ng, agar xohlasangiz, navigatsiya panelidagi asl holatini tiklash tugmachasini o'chirishingiz mumkin, bu men qildim yoki faqat o'zingizning joylashuvingizdan foydalaning. Xavotir olmang, bu funksionallikka ta'sir qilmaydi.
  4. Endi biz nimani ko'rishni xohlayotganimizni bilmoqchimiz. Shunday qilib, yorliq bilan uni ikki marta bosing, uni Label-dan o'zingiz xohlagan narsaga o'zgartirishingiz mumkin. Bu hisoblagich bo'lgani uchun raqamni tanlang. Endi o'ng tomonda Shrift atributi mavjud. Sukut bo'yicha u tizimning shrifti 17. Uni kattaroq yoki kichikroq qilib qo'ying, o'zingizning xohishingiz bo'yicha bajaring. Men 60 dan foydalandim. Siz o'zingiz xohlagan narsani qilishingiz mumkin.
  5. Tugmalar uchun asl holatini tiklash va kran mavjud. Shuning uchun ularni tegishli ravishda etiketkalashga ishonch hosil qiling. Siz Label bilan qilgan ishingizni juda ko'p bajarasiz. Ammo shriftni o'zgartirish kerak emas. Agar xohlasangiz, qila olasiz.
  6. Va nihoyat, biz ushbu ilova uchun nomga ega bo'lishni xohlaymiz. Shunday qilib, navigatsiya panelida, satr ta'kidlanmaguncha ustiga bosing. Endi o'ng panelda Sarlavha, Shoshish va Orqaga Tugmasi ko'rsatilganligini ko'rasiz. sarlavhani o'zingiz yoqtirgan sarlavhaga o'zgartiring.

Endi bunga yaqinroq narsa bo'lishi kerak.

O'yin-kulgi qismi

Endi biz ushbu ilovaning kodlash qismiga kirishni xohlaymiz. Xcode-ning yuqori qismida yordamchi muharrir tugmasi mavjud. Bu Venn-diagrammasiga o'xshaydi.

Endi ikkita narsani ko'rishingiz kerak - Interfeys quruvchisi va View Controller uchun kod. Endi biz klaviaturada bosishni boshqarish, uni ushlab turing va yorliqni eng yuqoridagi kodga sudrab boramiz. Yorliqqa 'counterLabel' nomini bering.

Endi sizda etiketka mavjud bo'lsa, ikkita tugmachani ham xuddi shunday qilishingiz kerak. Ammo bu erda narsalar biroz o'zgaradi. Shu sababli, pastga tushadigan tugmachani bosing va Harakatni tanlang - bu foydalanuvchi tugmachani bosganda dasturni biron bir narsa qilishiga imkon beradi. Ikkalasi uchun ham xuddi shunday qiling va ularga "tapButtonTapped" kabi mazmunli ism bering.

Siz buni bajardingiz, chap tomonda ko'rinishni boshqarish moslamasini bosing va yordamchi muharrirni oddiy qatorga o'zgartiring.

Xo'sh, avval biz ushbu kodni kiritamiz: var counter: Int = 0 (Bu o'zgaruvchi, bu Integer turini beradi va biz uni nolga tenglashtiramiz.) Var va let bor, ammo biz bunga kirishamiz. boshqa maqola. Ammo asosan var o'zgarishi mumkin, mumkin emas.

Endi hisoblagichimiz bor ekan, biz bu raqamni ko'rsatishimiz kerak. ViewDidLoad funktsiyasida buni counterLabel.text = String (hisoblagich) deb yozing (shu sababli conterLabel-ni o'z yorliq nomingiz bilan o'zgartiring.. Tekst asosan yorliqdagi matnni o'zgartirishga imkon beradi. String () ichidagi narsalarni satrga o'zgartiradi. bizning qarshi o'zgaruvchimiz int tipidagi.

Mayli, endi bizda dasturni ochishni istagan raqamini ko'rsatamiz. Endi biz tiklash va teging funktsiyalarini qo'shishimiz kerak. Biz teging bilan boshlaymiz.

Teginish tugmasi uchun IBAction ichida foydalanuvchi har safar bosganida 1tadan qo'shmoqchimiz. Shunday qilib, biz bitta narsani raqamga qo'shishimiz kerak. Keyin yorliqdagi matnni raqam bilan almashtiring. Biz buni quyidagilarni bajaramiz:

Endi buni amalga oshirgandan so'ng, siz uni to'g'ri bajarganingizga ishonch hosil qilishni xohlaysiz. Shunday qilib, dasturni ishga tushiring! CMD + R tugmalarini ishlating yoki yuqoridagi ijro tugmasini bosing.

Agar siz payqagan bo'lsangiz, biror narsa noto'g'ri bo'lishi mumkin, tugmachalar hamma joyda bo'lishi mumkin. Ammo kranni urganingizda, u oldingi raqamga qo'shiladi. Agar siz tugma tegini ko'rmasangiz yoki teglar va tugmalar hamma joyda. Main.storyboard-ga qayting. Endi biz nimani xohlasak, o'sha joyga o'rnatamiz. Chunki bu oddiy darslik. Men qiyinchiliklar bilan chuqur tanishib chiqmayman. Biz Apple tomonidan tavsiya etilgan kamchiliklardan foydalanamiz. Shunday qilib, Main.storyboard-da, siz View Controller-da ekanligingizga ishonch hosil qiling. ViewController-dagi fonga o'xshash narsani bosing, ammo View-dagi elementlarni emas. Agar siz interfeys quruvchisiga qarasangiz, quyidagi rasmda ko'riladigan tugma mavjud, uni bosganingizda, ba'zi variantlarni ko'rasiz, taklif qilingan cheklovlarni tiklashni tiklash tugmachasini bosing. Endi uni yana ishga tushiring va narsalar biroz tanish ko'rinishi kerak.

Siz bosgan tugmaSiz ko'radigan menyu.

Endi IBActions-ga qayting

Boshqa IBAction ichida biz tiklash tugmachasiga egamiz. Raqamni 0 ga qaytarishni xohlaymiz. Shunday qilib, biz buni qilamiz: number = 0. Bu raqam hozir 0 ga teng. Ammo uni bosganingizda dasturda ko'rinmaydi. Davom eting va sinab ko'ring. Ilovani yana ishga tushiring.

Shunday qilib, buni hal qilish uchun, biz counterLabelni yangilamaganligimiz sababli, buni qilishimiz kerak. Buni tushunishga harakat qiling. Agar siz hali ham tiqilib qolsangiz, javob sahifaning pastki qismida joylashgan.

Endi siz poydevorlarni biroz qo'shib qo'ydingiz. Ilova juda ko'p ishlaydi. Siz teging va u hisoblagichga qo'shiladi. Siz "reset" tugmasini bosdingiz va hisoblagich 0 ga qaytdi.

Qo'shimcha, qo'shimcha!

Endi, agar siz biroz ko'proq qiziqarli yoki qo'shimcha ish qilishni xohlasangiz. Biz navigatsiya panelidagi bu xunuk chiziqdan xalos bo'lishimiz mumkin. Mana, buning uchun kod:

Avval xonada fil bilan gaplashishga imkon beraylik, NECH KIM? u erda nima qilyapsan?

Bu ixtiyoriy, juda ko'p narsa, bu Xcode-ga navigatsiyaController yo'qligi va nol bo'lishi yoki umuman bo'lmasligi mumkinligi haqida xabar beradi. Shunday qilib, agar biron bir tekshirgich bo'lmasa, kod hali ham ishlashi mumkin. Ixtiyoriy birinchi navbatda nol bo'lishi mumkin bo'lgan holatlarda foydalaniladi, ammo bu dasturga ko'p ta'sir qilmaydi. Nilga ruxsat bermoqchimiz, chunki u hech narsani o'zgartirmaydi, lekin Xcode sukut bo'yicha bunga yo'l qo'ymaydi. Agar nol bo'lsa, ilova buziladi, Ixtiyoriy bilan bu osonlashadi.

Endi bu muhokama qilinadi, gapirish kodi.

Birinchi qator juda sozlangan va bo'sh fon rasmidir. Agar siz UIImage () dan foydalansangiz, juda ko'p narsa bo'sh va aslida har qanday tasvirni ishlatish zaruratini chetlab o'tishingiz mumkin. Shunday qilib, fon rasmlari yo'q.

Ikkinchi satr, asosan, pastki qismidagi chiziq / chegara bo'lgan soyali tasvirni olib tashlaydi. Ammo ikkalangiz ham ishlashingiz kerak, chunki chiziq ko'rinmasligi uchun biz ikkalasini ham xohlamaymiz.

Endi bajarildi, siz boshida ko'rsatilgan ilovaning aniq nusxasini oldingiz!

Javob: counterLabel.text = String (raqam)

Andy Vong

Andy Sankt-Jon universitetida kichik. U mahsulot ishlab chiqarishga, texnologiya sohasida ishlashga, yangi narsalarni sinab ko'rishga va umuman har kuni yangi narsalarni o'rganishga ishtiyoqi bor. Hozirda u NYC yoki San-Frantsiskoda dasturiy ta'minot muhandisi / ishlab chiquvchisi stajirovkasini qidirmoqda (afzal ko'rgan shaharga muhabbat). Men qurishdan ko'ra ko'proq ishtiyoqim, bu foydali narsani yaratishdir. Odamlarga ilgari hech qachon bo'lmagan usullarda yordam beradigan narsa.

Ulaning! (Twitter) (Veb-sayt) (Linkedin)