Android Alt Navigasyon Çubuğunun Simge Rengini Programatik Olarak Değiştirme
Android alt navigasyon çubuğu, kullanıcıların bir uygulamanın farklı bölümlerine kolayca erişmelerini sağlayan önemli bir kullanıcı arayüzü öğesidir. Varsayılan olarak, alt navigasyon çubuğunun simgeleri, seçili öğeye bağlı olarak iki farklı renkte görüntülenir: etkin durum için birincil renk ve etkin olmayan durum için ikincil renk.
Bazı durumlarda, uygulamanızın tasarımına veya kullanıcı deneyimine daha uygun olması için alt navigasyon çubuğunun simge renklerini programatik olarak değiştirmeniz gerekebilir. Bu makalede, Android alt navigasyon çubuğunun simge renklerini programatik olarak nasıl değiştireceğinizi adım adım açıklayacağız.
Gereklilikler
- Android Studio 3.0 veya üzeri
- Minimum SDK sürümü 21 (Android 5.0 Lollipop)
Adım 1: Alt Navigasyon Çubuğu Oluşturma
İlk olarak, bir alt navigasyon çubuğu oluşturmanız gerekir. Bunu XML düzen dosyasında şu kodu ekleyerek yapabilirsiniz:
xml
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
app:menu="@menu/bottom_navigation_menu" />
Bu kod, ekranın alt kısmında bir alt navigasyon çubuğu oluşturacaktır.
Adım 2: Alt Navigasyon Menüsü Oluşturma
Alt navigasyon çubuğunda görüntülenecek öğeleri tanımlamak için bir alt navigasyon menüsü oluşturmanız gerekir. Bunu res/menu/bottom_navigation_menu.xml
dosyasında şu kodu ekleyerek yapabilirsiniz:
“`xml
“`
Bu kod, “Ana Sayfa”, “Profil” ve “Ayarlar” adlı üç öğe içeren bir alt navigasyon menüsü oluşturacaktır.
Adım 3: Simge Renklerini Değiştirme
Alt navigasyon çubuğunun simge renklerini programatik olarak değiştirmek için BottomNavigationView
sınıfının setItemIconTintList()
yöntemini kullanabilirsiniz. Bu yöntem, her öğe için bir renk tonu listesi alır.
Örneğin, etkin öğe için mavi ve etkin olmayan öğeler için gri renk kullanmak istiyorsanız, şu kodu kullanabilirsiniz:
kotlin
val colors = intArrayOf(
ContextCompat.getColor(this, R.color.blue),
ContextCompat.getColor(this, R.color.gray)
)
val tintList = ColorStateList(
arrayOf(intArrayOf(-android.R.attr.state_checked), intArrayOf(android.R.attr.state_checked)),
colors
)
bottomNavigationView.setItemIconTintList(tintList)
Bu kod, etkin öğe için mavi ve etkin olmayan öğeler için gri renk kullanarak alt navigasyon çubuğunun simge renklerini değiştirecektir.
Faydalı Kaynaklar
- Android Geliştiriciler: Alt Navigasyon
- Material Tasarım: Alt Navigasyon
- Android Studio: BottomNavigationView Sınıfı
Sonuç
Bu makalede, Android alt navigasyon çubuğunun simge renklerini programatik olarak nasıl değiştireceğinizi adım adım açıkladık. Bu teknik, uygulamanızın tasarımına veya kullanıcı deneyimine daha uygun olması için alt navigasyon çubuğunun görünümünü özelleştirmenize olanak tanır.