Android Uygulaması Bölüm 1: Fragments/Kotlin Kullanan Açılış Ekranı: 5 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:17

Tekrar merhaba, büyük olasılıkla COVID19 nedeniyle evde biraz "boş" zamanınız var ve geçmişte öğrenmek istediğiniz konuları kontrol etmek için geri dönebilirsiniz.

Android Uygulaması geliştirme benim için kesinlikle onlardan biri ve birkaç hafta önce ikinci bir denemeye karar verdim.

Kotlin'de programlama kesinlikle kodlama eforunu azaltır ve oldukça kısa sürede sonuç alınmasına yardımcı olur. Gerçekten Harika!

Bu eğitim dizisinde, bir Tennis Score Tracker'ın nasıl geliştirileceğini açıklayacağım. Bu uygulama arkadaşlarınızla ve/veya ailenizle oyun oynarken kullanılabilir (tableti çocuğunuza verebilir ve onu meşgul edebilirsiniz:)). Bu Uygulama, aşağıdaki Kotlin Sayacı örneğine dayanmaktadır.

Öğretici aşağıdaki bölümlere sahiptir:

Bölüm 1: Fragmanları Kullanan Açılış Ekranı (şimdi buradayız)

2. Bölüm: Eşleştirme Yapılandırması - Özellikler

Bölüm 3: Maç Skoru takipçisi

Ana fikir, uygulamayı 3 farklı ekrana bölmek, her biri tamamlandıktan sonra veya kullanıcı ilgili düğmeye bastığında bir sonrakini arayacaktır.

Bu ilk bölümde intro ekranının nasıl oluşturulacağını açıklayacağım -> yukarıdaki videoyu kontrol edin.

Gereçler

Bu Bölümde kullanılan Android Özellikleri:

• Parça
• Animasyon
• Titreşim
• Medya oynatıcı
• dinleyiciler

Gerekli araçlar:

• Android Stüdyosu
• Kotlin 1.3.61
• API seviyesi 28

Gerekli Varlıklar

Bir bip ses dosyası

Adım 1: Kullanıcı Deneyimi Tasarımı

Giriş ekranımızın özelliklerini anlatalım.

1. beyaz renkte tam ekran istiyoruz
2. ekranın her zaman yatay modda olmasını istiyoruz
3. logo-metin rengimizin gri olmasını istiyoruz
4. top rengimizi yeşil tonlarında istiyoruz
5. logo metnimizin solmasını istiyoruz
6. ekranda hareket eden bir tenis topu istiyoruz (zıplayan top)
7. top bir yüzeye her dokunduğunda bir ses çalmak istiyoruz
8. bir ses çalındığında bir telefon titreşimini tetiklemek istiyoruz
9. giriş süresinin 4 saniyeden az olmasını istiyoruz.

Adım 2: Parça Yöneticisi ve 3 Ekran

Uygulamamızın ana fikrini hatırlayalım, 3 ekrana sahip olmak istiyoruz (Giriş, Özellikler ve Maç Skoru). Bunun için Fragments kullanacağız. Yani her ekran için 3 taneye ihtiyacımız var. İlk kod parçacığına bakın.

İkincisinde, ilk parçamızı nasıl adlandırdığımızı bulabiliriz. Splash parçası, Girişimiz için kullanılacak olandır.

3. Adım: Uygulama ve Giriş Ekranı Düzeni

• Ekranın konumunu düzeltmek ve telefonun herhangi bir dönüşünü yok saymak için AndroidManifest.xml'de aşağıdaki Resim 1 kodunu eklememiz gerekiyor.
• Action Bar'ı tüm ekranlardan kaldırmak için aşağıdaki kodu style.xml içerisine Resim 2 eklememiz gerekiyor.
• Tüm ekranlarda tam ekrana basmak için 2 farklı yöntemde Resim 3'teki gibi bazı flagları ayarlamamız gerekiyor. Oncreate() ve onWindowFocusChanged.

Adım 4: Logo ve Top Stillerini Tanımlama

• yazımızın önüne gri olarak tanımlamıştık, bu stiller.xml dosyası altında yapılır. Resim 1'e bakın.
• topun yeşil tonlarda olması gerektiğini de tanımladık. Bunun için çekilebilir klasörün altında ball.xml oluşturuyoruz. 2. resmi kontrol et

Adım 5: Animasyon Açıklaması

Burada animasyonun mantığını ve sırasını anlatacağım. Buraya kod parçacıkları eklemenin bir anlamı olmadığını düşünüyorum, kodu kendiniz gözden geçirseniz iyi olur.

Animasyonun fikri aşağıdaki gibidir:

• Parça oluşturulduktan sonra metin logosu oluşturulur ve başlatılır
• Metin logosu animasyonu tamamlandığında, tenis topunun ilk parabolik hareketi başlatılır
• İlk parabolik hareket tamamlandığında, bir ses çalınır ve telefon titreşir..ve bir sonraki parabolik hareket başlatılır.
• Son parabolik hareket de tamamlandıktan ve ses/titreşim gerçekleştikten sonra ikinci ekranımızı çağıracağımız noktaya geliyoruz.

Not: Animasyonlar için soyut bir sınıf oluşturmadım çünkü kodu düz tutmak istedim… takip etmesi en azından benim için daha kolay:)

Serinin ikinci bölümünü önümüzdeki günlerde yayınlayacağım, bu bölümü beğendiyseniz beni takip edin ve beğenmediyseniz geri bildiriminizi almaktan memnuniyet duyarım.