Android Bottom Navigation Bar Change Icon Color

Android Alt Navigasyon Çubuğunda Simge Rengini Değiştirme

Android uygulamalarında alt navigasyon çubuğu, kullanıcıların uygulama içindeki farklı bölümler arasında kolayca gezinmelerine olanak tanıyan önemli bir kullanıcı arayüzü öğesidir. Alt navigasyon çubuğunun simgelerinin rengi, uygulamanın genel görünümünü ve kullanıcı deneyimini etkileyebilir.

Bu makalede, Android alt navigasyon çubuğunda simge rengini nasıl değiştireceğinizi adım adım açıklayacağız. Ayrıca, konuyla ilgili faydalı kaynaklara ve dosyalara bağlantılar sağlayacağız.

Adım 1: Menü XML Dosyasını Oluşturma

Öncelikle, alt navigasyon çubuğu için bir menü XML dosyası oluşturmanız gerekir. Bu dosya, her bir simgenin rengini ve diğer özelliklerini tanımlayacaktır.

“`xml




“`

Bu örnekte, navigation_home, navigation_dashboard ve navigation_notifications adlı üç alt navigasyon öğesi tanımladık. Her öğe, bir simge, bir başlık ve bir kimlik içerir.

Adım 2: Alt Navigasyon Çubuğunu Oluşturma

Ardından, MainActivity sınıfınızda alt navigasyon çubuğunu oluşturmanız gerekir. Bunu onCreate() yönteminde yapabilirsiniz:

“`kotlin
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)

val navView: BottomNavigationView = findViewById(R.id.nav_view)
navView.menu.findItem(R.id.navigation_home).setIcon(R.drawable.ic_home_selected)
navView.menu.findItem(R.id.navigation_dashboard).setIcon(R.drawable.ic_dashboard_selected)
navView.menu.findItem(R.id.navigation_notifications).setIcon(R.drawable.ic_notifications_selected)

}
“`

Bu kod, alt navigasyon çubuğunu bulur ve her bir öğenin simgesini seçili durumdaki simgeyle değiştirir.

Adım 3: Seçili ve Seçilmemiş Simge Renklerini Ayarlama

Son olarak, seçili ve seçilmemiş simge renklerini ayarlayabilirsiniz. Bunu, menu.xml dosyasında android:iconTint ve android:iconTintMode özniteliklerini kullanarak yapabilirsiniz:

xml
<item
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home"
android:title="Ana Sayfa"
android:iconTint="@color/selected_icon_color"
android:iconTintMode="src_in" />

android:iconTint özniteliği, simgenin rengini belirtir. android:iconTintMode özniteliği, renk tonu modunu belirtir. Bu örnekte, seçili simge rengi selected_icon_color olarak ayarlanmıştır ve renk tonu modu src_in olarak ayarlanmıştır.

Faydalı Kaynaklar

İlgili Dosyalar


Yayımlandı