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:
activity_main.xml
dosyasını açın.- 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:
res/menu
dizinini oluşturun.bottom_navigation_menu.xml
adlı yeni bir XML dosyası oluşturun.- 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:
res/drawable
dizinini oluşturun.ic_home.png
,ic_dashboard.png
veic_notifications.png
adlı üç yeni PNG dosyası oluşturun.- 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:
MainActivity.kt
dosyasını açın.- 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
- Android Geliştiriciler: Alt Navigasyon
- Android Geliştiriciler: Drawable Sınıfı
- Android Geliştiriciler: ContextCompat Sınıfı