Mundarija:

Android ilovasi 1 -qism: Fragments/Kotlin yordamida ekran ochilishi: 5 qadam
Android ilovasi 1 -qism: Fragments/Kotlin yordamida ekran ochilishi: 5 qadam

Video: Android ilovasi 1 -qism: Fragments/Kotlin yordamida ekran ochilishi: 5 qadam

Video: Android ilovasi 1 -qism: Fragments/Kotlin yordamida ekran ochilishi: 5 qadam
Video: Fragment || Android Studio || Kotlin || #32 2024, Iyul
Anonim
Image
Image
Fragment menejeri va 3 ekran
Fragment menejeri va 3 ekran

Yana bir bor salom, Ehtimol, sizda COVID19 tufayli uyda "bo'sh" vaqtingiz bor va siz o'tmishda o'rganmoqchi bo'lgan mavzularni tekshirish uchun qaytib borishingiz mumkin.

Android ilovalarini ishlab chiqish, albatta, men uchun ulardan biri va men bir necha hafta oldin ikkinchi urinishga qaror qildim.

Kotlindagi dasturlash, albatta, kodlash ishini kamaytiradi va qisqa vaqt ichida natijalarga erishishga yordam beradi. Bu, albatta, Ajoyib!

Ushbu darslik seriyasida men tennis hisobini kuzatuvchini qanday ishlab chiqishni tushuntiraman. Bu ilovadan siz do'stlaringiz va/yoki oilangiz bilan o'ynaganingizda foydalanishingiz mumkin (planshetni bolangizga berib, uni band qilib qo'yishingiz mumkin:)). Ushbu ilova quyidagi Kotlin hisoblagichiga asoslangan.

O'quv qo'llanma quyidagi qismlardan iborat:

1 -qism: Fragments yordamida ekran ochiladi (biz hozir shu erdamiz)

2 -qism: Match konfiguratsiyasi - Xususiyatlar

3 -qism: Match ballarini kuzatuvchi

Asosiy g'oya - ilovani 3 xil ekranga bo'lish, ularning har biri keyingisini chaqiradi, tugagandan so'ng yoki foydalanuvchi tegishli tugmani bosganda.

Birinchi bo'limda men kirish ekranini qanday yaratishni tushuntiraman -> yuqoridagi videoni tekshiring.

Ta'minotlar

Ushbu bo'limda ishlatiladigan Android funktsiyalari:

  • Parchalar
  • Animatsiya
  • Vibratsiyali
  • Media pleer
  • Tinglovchilar

Kerakli asboblar:

  • Android studiyasi
  • Kotlin 1.3.61
  • API darajasi 28

Majburiy aktivlar

Ovozli ovozli fayl

1 -qadam: foydalanuvchi tajribasi dizayni

Keling, kirish ekranimizning xususiyatlarini tushuntirib beraylik.

  1. Biz oq rangdagi to'liq ekranga ega bo'lishni xohlaymiz
  2. biz ekranni har doim landshaft rejimida bo'lishini xohlaymiz
  3. biz logotip-matn rangini kul rangda bo'lishini xohlaymiz
  4. biz to'pimiz yashil rangda bo'lishini xohlaymiz
  5. biz o'z logotipimiz yo'qolishini xohlaymiz
  6. Biz tennis to'pining ekranda harakatlanishini xohlaymiz (to'p tepmoqda)
  7. biz har safar to'p sirtga tegganda ovoz chiqarishni xohlaymiz
  8. biz ovoz eshitilganda telefon tebranishini ishga solmoqchimiz
  9. biz kirish davomiyligi 4 soniyadan kam bo'lishini xohlaymiz.

2 -qadam: Fragment menejeri va 3 ekran

Fragment menejeri va 3 ekran
Fragment menejeri va 3 ekran

Keling, bizning ilovamizning asosiy g'oyasini eslaylik, biz 3 ta ekranga ega bo'lishni xohlaymiz (Intro, Properties and Match Score). Buning uchun biz Fragmentlardan foydalanamiz. Shunday qilib, bizga har bir ekran uchun bittadan bittasi kerak. Birinchi kod parchasiga qarang.

Ikkinchisida, biz birinchi bo'lakni qanday chaqirishimizni bilib olamiz. Splash fragmenti bizning kirish uchun ishlatiladi.

3 -qadam: Ilova va kirish ekrani tartibi

Ilova va kirish ekrani tartibi
Ilova va kirish ekrani tartibi
Ilova va kirish ekrani tartibi
Ilova va kirish ekrani tartibi
Ilova va kirish ekrani tartibi
Ilova va kirish ekrani tartibi
  • Ekranning o'rnini to'g'rilash va telefonning burilishiga e'tibor bermaslik uchun AndroidManifest.xml -da quyidagi rasm 1 -rasmni qo'shishimiz kerak.
  • Harakatlar panelini barcha ekranlardan olib tashlash uchun, style.xml -ga quyidagi rasm 2 -rasmni qo'shishimiz kerak
  • Barcha ekranlarda to'liq ekranni bosish uchun biz 3 -rasmdagi kabi ikki xil usulda ba'zi bayroqchalarni o'rnatishimiz kerak. Oncreate () va onWindowFocusChanged.

4 -qadam: logotip va to'pni aniqlash

Logo va balli syllarni aniqlash
Logo va balli syllarni aniqlash
Logo va balli syllarni aniqlash
Logo va balli syllarni aniqlash
  • biz matndan oldin kulrang deb belgiladik, bu styles.xml fayli ostida amalga oshiriladi. 1 -rasmga qarang.
  • Biz to'pni yashil rangda bo'lishini aniqladik, buning uchun biz chizilgan papka ostida ball.xml yaratamiz. 2 -rasmni tekshiring

5 -qadam: Animatsiya tavsifi

Men bu erda animatsiyaning mantig'i va ketma -ketligini tushuntiraman. Menimcha, bu erda kod parchalarini qo'shishning ma'nosi yo'q, kodni o'zingiz ko'rib chiqing.

Animatsiya g'oyasi quyidagicha:

  • Fragment yaratilgandan so'ng, matn logotipi yaratiladi va ishga tushiriladi
  • Matn logotipi animatsiyasi tugagach, tennis to'pining birinchi parabolik harakati chaqiriladi
  • Birinchi parabolik harakat tugagandan so'ng, ovoz eshitiladi va telefon titraydi va keyingi parabolik harakat chaqiriladi.
  • Oxirgi parabolik harakat tugallangach va ovoz/tebranish bajarilgandan so'ng, biz ikkinchi ekranimizni chaqiradigan joyga etib boramiz.

Izoh: Men animatsiyalar uchun mavhum sinf yaratmaganman, chunki men kodni tekis saqlashni xohlardim … hech bo'lmaganda men uchun amal qilish osonroq:)

Keyingi kunlarda men serialning ikkinchi qismini joylashtiraman, agar sizga bu qism yoqsa, menga ergashing, agar yoqmasa, fikr -mulohazalaringizni bilishdan xursand bo'laman.

Tavsiya: