Published on

SwiftUI loyihasida Xcodedan qanday foydalanish kerak

Authors

Hammaga salom!

Hammaga salom! Men Nikman, SwiftUI Bootcampga xush kelibsiz! Ushbu birinchi videoni sizlar bilan baham ko‘rishdan juda xursandman.

Bu videoda biz Xcode bilan tanishamiz – Xcode kod yozish uchun ishlatadigan dasturiy vositamiz. iOS dasturchisi sifatida vaqtingizning ko‘p qismini, ehtimol hammasini Xcode’da o‘tkazasiz. Shuning uchun Xcode qanday ishlashini, uning tuzilishini va vositalari qayerda joylashganini yaxshi tushunish juda muhim.

Xcode’da ko‘p funksiyalar bor, lekin biz ulardan hammasini ishlatmaymiz. Bu videoda kursdagi deyarli har bir videoda foydalanadigan asosiy narsalarni ko‘rib chiqamiz. Bu juda qiziqarli bo‘ladi – avval Xcode’ni qanday yuklab olishni ko‘rsataman (agar hali yuklamagan bo‘lsangiz), keyin birinchi Xcode loyihamizni sozlaymiz. Bu videoda kod yozmaymiz, shuning uchun dam olishingiz mumkin, lekin juda foydali vositalar va maslahatlarni o‘rganasiz.

SwiftUI Bootcampga yana xush kelibsiz, videodan biror narsa o‘rganasiz degan umiddaman, keling, boshlaymiz!

Xcode’ni yuklab olish

Agar kompyuteringizda Xcode hali bo‘lmasa, uni yuklab olish juda oson:

  1. Mac’ingizdagi App Storeni oching.
  2. “Xcode” deb qidiring – birinchi natija sifatida chiqadi.
  • Xcode – Apple tomonidan ishlab chiqilgan va iOS ilovalarini rivojlantirish uchun asosiy vosita.
  • Bu iOS dasturchilari orasida eng ko‘p ishlatiladi va iOS dasturchisi bo‘lishni xohlasangiz, unga juda ko‘nikasiz.
  • Eng yaxshisi – bepul yuklab olish mumkin!

“Install” yoki “Download” tugmasini bosing. Yuklash bir necha daqiqa yoki bir soatgacha davom etishi mumkin – fayl hajmi katta. Agar hozir yuklayotgan bo‘lsangiz, videoni to‘xtatib, keyin qaytib keling.

Xcode versiyasi

  • Men bu kursda Xcode 12.3 versiyasidan foydalanaman.
  • 12.0 yoki undan yuqori versiya bo‘lsa, yaxshi ishlaydi.
  • Agar eski versiyangiz bo‘lsa (masalan, 11.x), uni o‘chirib, yangisini o‘rnating.

App Store’da “Version History”ga qarasangiz, Apple har oyda yangi Xcode versiyasini chiqaradi – xatolarni tuzatadi va yangi funksiyalar qo‘shadi. 12.0 versiyasida SwiftUI uchun muhim yangi funksiyalar qo‘shilgan, shuning uchun undan past bo‘lmasligini tavsiya qilaman.

Birinchi Xcode loyihasini sozlash

Xcode’ni yuklab olgach, oching va birinchi loyihamizni yarating:

  1. File > New > Project ni bosing.
  2. Loyiha turini tanlash ekrani chiqadi:
    • Oddiy ilova (App)
    • O‘yin (Game)
    • Kengaytirilgan haqiqat (Augmented Reality)
    • iMessage ilovasi va boshqalar

Loyiha turi

  • iOS yorlig‘i – iPhone va iPad uchun ilovalar.
  • macOS, watchOS, tvOS – mos ravishda Mac, Apple Watch va Apple TV uchun.
  • Multiplatform – bitta kod bazasi bilan bir nechta platformaga ilova qurish imkonini beradi (iOS, macOS, watchOS).

Bu kursda asoslarni o‘rganamiz, shuning uchun iOS > Appni tanlaymiz va “Next”ni bosing.

Loyiha sozlamalari

  • Product Name: Ilova nomi va papka nomi – men “SwiftfulThinkingBootcamp” deb qo‘ydim, siz xohlagan nomni qo‘ying.
  • Team: Hozircha “None” qoldiring – App Store’ga yuklash uchun Apple Developer hisobi kerak (shaxsiy – bepul, professional – yiliga $99).
  • Organization Identifier: “com.organizationname” shaklida – masalan, “com.swiftfulthinking”. App Store uchun kerak emas, shuning uchun oddiy qoldirsa bo‘ladi.
  • Bundle Identifier: “com.organizationname.productname” – ilova uchun o‘ziga xos kalit (masalan, “com.swiftfulthinking.SwiftfulThinkingBootcamp”).

Maslahat: Product Name’da maxsus belgilar yoki bo‘shliq ishlatmang (masalan, “Swiftful Thinking” o‘rniga “SwiftfulThinking”) – bundle identifier’da muammolar bo‘lmasligi uchun.

  • Interface: SwiftUI
  • Lifecycle: SwiftUI App
  • Language: Swift
  • Core Data va Tests – belgilamaymiz (boshlang‘ich loyiha uchun kerak emas).

“Next”ni bosing, loyihani saqlash joyini tanlang va “Create”ni bosing.

Xcode loyihasi bilan tanishuv

Birinchi Xcode loyihamiz ochildi! Avval “Automatic preview updating paused” degan xabar chiqadi – o‘ngdagi “Resume” tugmasini bosing, yuklanishini kuting. O‘ngda iPod Touch ko‘rinadi – uni iPhone 12 ga o‘zgartirish uchun yuqoridagi qurilmalar ro‘yxatidan “iPhone 12”ni tanlang. Pastdagi kattalashtirish oynasi bilan ekranni kichraytiring.

Xcode tuzilishi

  1. Project Navigator (chap): Loyihadagi barcha fayllar – hozir “ContentView.swift” tanlangan.
    • Yuqori chapdagi tugma bilan yashirish/ko‘rsatish mumkin.
  2. Markaziy qism: Joriy fayl – “ContentView.swift”da ishlayapmiz.
  3. Preview (o‘ng markaz): Faylning real vaqtda ko‘rinishi – “Text("Hello, World!")” yozilgan va iPhone 12’da ko‘rinadi.
    • Masalan, “Hello, World!”ni “Hello, Everyone!”ga o‘zgartirsak, preview darhol yangilanadi – bu SwiftUI’ning eng kuchli jihati!
  4. Inspector (o‘ng): Tanlangan element (masalan, Text) uchun sozlamalar – yuqori o‘ngdagi tugma bilan yashiriladi/ko‘rsatiladi.

Real vaqt preview

  • Boshqa dasturlarda loyihani qurib, ishga tushirish kerak bo‘lsa, SwiftUI’da preview darhol yangilanadi – bu vaqtni tejaydi va debugging’ni osonlashtiradi.
  • Inspector’da Text uchun font (masalan, “Title”), qalinlik (weight) yoki rang o‘zgartirish mumkin – bu kodga avtomatik qo‘shiladi (masalan, .font(.title)).

Komponent qo‘shish

  • “Hello, World!” – dastlabki shablon.
  • Qo‘lda yozish: Text("Hi again").
  • Yoki: Yuqori o‘ngdagi “+” (Library) tugmasini bosib, “Text”ni qo‘shish – kod yozmasdan qo‘shiladi.

Loyiha navigatori va sozlamalar

App fayli

  • SwiftfulThinkingBootcampApp.swift – ilovaning boshlang‘ich nuqtasi (@main).
  • bodyda WindowGroup ichida ContentView() chaqiriladi – ilova ochilganda birinchi ko‘rinadigan ekran.

Loyiha sozlamalari

Yuqori chapdagi loyiha belgisini bosing:

  1. General:
    • Display Name: Ilova ikonkasi ostidagi nom – “SwiftfulThinkingBootcamp”ni “Bootcamp”ga qisqartirdim.
    • Bundle Identifier: Ilovaning o‘ziga xos kaliti – “com.swiftfulthinking.SwiftfulThinkingBootcamp”.
    • Version (versiya): Ilova yangilanganda oshiriladi (1.0, 1.1, 2.0).
    • Build: Bir versiya ichidagi o‘zgarishlar (1.0 Build 1, Build 2).
  2. Deployment Info:
    • iOS versiyasi: Ilova qaysi iOS’da ishlaydi – “14.0”ni tanladim (ko‘pchilikda mavjud).
    • Devices: iPhone va iPad – “Mac”ni belgilamadik.
    • Orientation: Ekran yo‘nalishi – portrait va landscape qoldirdik.
  3. App Icons:
    • Assets.xcassets papkasida – ilova ikonkasi saqlanadi. Kelajakda ranglar va rasmlar uchun ishlatamiz.

Xulosa

Keyingi videoda SwiftUI’da kod yozishni boshlaymiz – bu juda qiziqarli bo‘ladi! Ushbu video Xcode bilan tanishish uchun edi. Men Nikman, bu “Swiftful Thinking”, keyingi videoda ko‘rishguncha!

Buy mea coffee