Android App Part 1: Fragments/Kotlin istifadə edərək açılan ekran: 5 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:44

Yenə salam, çox güman ki, COVID19 səbəbiylə evdə "boş" vaxtınız var və keçmişdə öyrənmək istədiyiniz mövzuları yoxlamaq üçün geri qayıda bilərsiniz.

Android Tətbiqinin inkişafı mütləq mənim üçün onlardan biridir və bir neçə həftə əvvəl ikinci bir cəhd etməyə qərar verdim.

Kotlin -də proqramlaşdırma, kodlaşdırma səylərini mütləq azaldır və qısa müddətdə nəticələr əldə etməyə kömək edir. Həqiqətən Əla!

Bu dərslik seriyasında, Tennis Hesab İzləyicisinin necə inkişaf etdiriləcəyini izah edəcəyəm. Dostlarınız və/və ya ailənizlə oynadığınız zaman bu tətbiqdən istifadə edə bilərsiniz (uşağınıza planşeti hədiyyə edib onu məşğul saxlaya bilərsiniz:)). Bu tətbiq aşağıdakı Kotlin Counter nümunəsinə əsaslanır.

Dərslik aşağıdakı hissələrdən ibarətdir:

1 -ci hissə: Fraqmentlərdən istifadə edərək açılan ekran (indi burdayıq)

2 -ci hissə: Match Konfiqurasiyası - Xüsusiyyətlər

3 -cü hissə: Match Score tracker

Əsas fikir, proqramı tamamladıqdan sonra və ya istifadəçi müvafiq düyməni basdıqda, hər birini növbəti birini çağıracaq 3 fərqli ekrana bölməkdir.

Bu birinci hissədə giriş ekranının necə yaradılacağını izah edəcəyəm -> yuxarıdakı videoya baxın.

Təchizat

Bu hissədə istifadə olunan Android xüsusiyyətləri:

• Fraqmentlər
• Animasiya
• Titrəmə
• Media pleyeri
• Dinləyicilər

Lazımi alətlər:

• Android Studio
• Kotlin 1.3.61
• API səviyyəsi 28

Tələb olunan aktivlər

Bip səsi fayl

Addım 1: İstifadəçi Təcrübəsi Dizaynı

Giriş ekranımızın xüsusiyyətlərini izah edək.

1. Ağ rəngli tam ekrana sahib olmaq istəyirik
2. Ekranın həmişə mənzərə rejimində olmasını istəyirik
3. loqotip mətnimizin boz rəngdə olmasını istəyirik
4. topumuzun yaşıl tonlarda olmasını istəyirik
5. logo-mətnimizin solmasını istəyirik
6. Ekranda hərəkət edən bir tennis topu istəyirik (sıçrayan top)
7. top hər dəfə bir səthə toxunduqda səs çalmaq istəyirik
8. bir səs çalınanda telefonun titrəməsini işə salmaq istəyirik
9. Giriş müddətinin 4 saniyədən az olmasını istəyirik.

Addım 2: Fragment Manager və 3 Ekran

Tətbiqimizin əsas fikrini xatırlayaq, 3 ekrana sahib olmaq istəyirik (Giriş, Xüsusiyyətlər və Maç Skoru). Bunun üçün Fragmentlərdən istifadə edəcəyik. Beləliklə, hər bir ekran üçün 3 dənəyə ehtiyacımız var. İlk kod parçasına baxın.

İkincisində, birinci hissəmizi necə adlandırdığımızı tapa bilərik. Splash fraqmenti Girişimiz üçün istifadə ediləcək parçadır.

Addım 3: Tətbiq və Giriş Ekran Düzeni

• Ekranın mövqeyini düzəltmək və telefonun hər hansı bir fırlanmasına məhəl qoymamaq üçün aşağıdakı kodu AndroidManifest.xml -ə əlavə etməliyik.
• Fəaliyyət Çubuğunu bütün ekranlardan silmək üçün style.xml -ə aşağıdakı şəkil 2 Şəkil əlavə etməliyik
• Bütün ekranlarda tam ekrana keçmək üçün 2 fərqli üsulda Şəkil 3 -də olduğu kimi bəzi bayraqları təyin etməliyik. Oncreate () və onWindowFocusChanged.

Addım 4: Logo və Ball Sylesin müəyyən edilməsi

• mətnimizdən əvvəl boz olaraq təyin etdik, bu styles.xml faylı altında aparılır. Şəkil 1 -ə baxın.
• topun yaşıl tonlarda olması lazım olduğunu da təyin etdik. Bunun üçün çəkilə bilən qovluq altında ball.xml yaradırıq. Şəkil 2 -ni yoxlayın

Addım 5: Animasiya Təsviri

Burada animasiyanın məntiqini və ardıcıllığını izah edəcəyəm. Düşünürəm ki, buraya kod parçaları əlavə etməyin mənası yoxdur, daha yaxşı olar ki, kodu özünüz keçəsiniz.

Animasiya fikri belədir:

• Fraqment yaradıldıqdan sonra mətn loqotipi yaradılır və işə başlayır
• Mətn logo animasiyası tamamlandıqdan sonra tennis topunun ilk parabolik hərəkəti çağırılır
• İlk parabolik hərəkət tamamlandıqdan sonra bir səs eşidilir və telefon titrəyir.. və növbəti parabolik hərəkət çağırılır.
• Son parabolik hərəkət tamamlandıqdan və səs/titrəmə icra edildikdən sonra ikinci ekrana zəng etmək nöqtəsinə çatırıq.

Qeyd: Animasiyalar üçün mücərrəd bir sinif yaratmadım, çünki kodu düz saxlamaq istədim … ən azı mənim üçün izləmək daha asandır:)

Növbəti günlərdə serialın ikinci hissəsini yayımlayacağam, bu hissəni bəyənsəniz məni izləyin və bəyənməsəniz rəyinizi almaqdan məmnun olaram.