Android Bottom Navigation Bar Change Icon

Android Alt Navigasyon Çubuğunda Simge 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ğu, her öğe için bir metin etiketi ve bir simge görüntüler. Ancak, uygulamanızın görünümünü ve hissini özelleştirmek için simgeleri değiştirmeniz gerekebilir.

Bu makale, Android alt navigasyon çubuğunda simgeleri değiştirmek için adım adım bir kılavuz sağlayacaktır. Ayrıca, konuyla ilgili faydalı kaynaklara ve dosyalara bağlantılar da içerecektir.

Adım 1: Uygulama Projenizi Oluşturun

İlk adım, yeni bir Android Studio projesi oluşturmaktır. Bunu yapmak için Android Studio’yu açın ve “Yeni Proje” seçeneğine tıklayın. Uygulamanıza bir ad verin ve “Boş Etkinlik” şablonunu seçin.

Adım 2: Alt Navigasyon Çubuğu Ekleme

Uygulama projeniz oluşturulduktan sonra, alt navigasyon çubuğunu eklemeniz gerekir. Bunu yapmak için aşağıdaki adımları izleyin:

  1. activity_main.xml dosyasını açın.
  2. Aşağıdaki kodu ConstraintLayout öğesinin içine ekleyin:

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" />

Adım 3: Alt Navigasyon Menüsü Oluşturma

Ardından, alt navigasyon menüsünü oluşturmanız gerekir. Bunu yapmak için aşağıdaki adımları izleyin:

  1. res/menu dizinini oluşturun.
  2. bottom_navigation_menu.xml adlı yeni bir XML dosyası oluşturun.
  3. Aşağıdaki kodu bottom_navigation_menu.xml dosyasına ekleyin:

“`xml

“`

Adım 4: Simge Kaynaklarını Ekleme

Son olarak, alt navigasyon çubuğunda kullanılacak simge kaynaklarını eklemeniz gerekir. Bunu yapmak için aşağıdaki adımları izleyin:

  1. res/drawable dizinini oluşturun.
  2. ic_home.png, ic_dashboard.png ve ic_notifications.png adlı üç yeni PNG dosyası oluşturun.
  3. Bu dosyaları res/drawable dizinine kopyalayın.

Adım 5: Simge Değiştirme

Simge kaynakları eklendikten sonra, alt navigasyon çubuğundaki simgeleri değiştirebilirsiniz. Bunu yapmak için aşağıdaki adımları izleyin:

  1. MainActivity.kt dosyasını açın.
  2. Aşağıdaki kodu onCreate() yöntemine ekleyin:

kotlin
val bottomNavigationView = findViewById<BottomNavigationView>(R.id.bottom_navigation)
bottomNavigationView.menu.findItem(R.id.navigation_home).icon = DrawableCompat.wrap(ContextCompat.getDrawable(this, R.drawable.ic_home_custom)!!)
bottomNavigationView.menu.findItem(R.id.navigation_dashboard).icon = DrawableCompat.wrap(ContextCompat.getDrawable(this, R.drawable.ic_dashboard_custom)!!)
bottomNavigationView.menu.findItem(R.id.navigation_notifications).icon = DrawableCompat.wrap(ContextCompat.getDrawable(this, R.drawable.ic_notifications_custom)!!)

Faydalı Kaynaklar

İlgili Dosyalar

Yayımlandı

kategorisi