Android – Bottom Navigation Nasıl Oluşturulur?

android_bottom_navigation bar

Merhabalar

Bu derste sizlerle en basit olarak alt menü nasıl oluşturulur onu öğreneceğiz.

Öncelikle yeni bir proje oluşturuyorsanız oluştururken Android Studio size hazır olarak bunu sunacaktır.
Bizim amacımız biraz daha sonradan uygulamaya ekleyenler içindir.

Bottom navigation‘ı neden kullanırız diye soracaklar için, uygulamamızda eğer sayfa menüsünün ekranımızın altında, isimli ve ya logolu şekilde görünmesini istediğimizde kullanmaktayız. Bunun için Fragment yapısını kullanacağız o yüzden fragment yapısını da iyi bilmeliyiz.

Bottom navigation’ın doğru ve yanlış kullanımı hakkında bilgi almak için aşağıdaki siteyi ziyaret edebilirsiniz. Görsel çok net anlatmış. Kesinlikle inceleyin.
https://material.io/design/components/bottom-navigation.html

İlk olarak kullanabilmek için material kütüphanesini gradle’a eklememiz gerekiyor. (androidx den öncekiler aynı şeyleri design kütüphanesini ekleyerek yapacaksınız. Eğer androidx’e geçiş yapmak istiyorsanız Refactor menüsünden Migrate to Androidx’e tıklayıp adımları tamamlayın.)
build.gradle(Module) deki dependencies kısmına ekliyoruz. Bu yazıyı okuma zamanınız önemli şuan ben son versiyonu ekledim siz okurken farklı bir versiyon var ise siz onu ekleyin.

Ben main activity üzerine ekleyerek örneklemek istiyorum siz de istediğiniz activitye ekleyebilirsiniz.

1. Adım olarak activity_main.xml içerisine aşağıdaki kodu ekleyin.

 

2. Adım Menüleri oluşturmak
res klasörü altında menu adlı bir klasör oluşturun.
res>sağ tık>new>directory e tıklayarak oluşturabilirsiniz. ve menu klasörü altında da bottom_navigation_menu.xml isimli bir xml oluşturun.

 

 

3 tane menü olşturduk 5’e kadar oluşturabilirsiniz.
Burda icon değerleri sizde hata verecektir. Siz de drawable klasörünüze iconlar ekleyip bu kısımları icon isimlerinize göre düzenleyiniz.

3. Adım Seçili olma veya olmama durumu
Bunun için bir drawable altında bir selector oluşturup bunu tetikleyebiliriz.
drawavle>new>xml oluşturun ve ismi bottom_navigation_colors olsun. Renk kodlarını siz belirleyin. (#000000 şeklinde de kod verebilirsiniz.)

bottom_navigation_colors.xml

 

4. Adım Menülerin Tıklanması ve Fragment kontrolü

Bunu mainactivity.java içerisinde yapıyoruz ve tıklanma olaylarını konrol ediyoruz. 3 menü ekledik sizler daha fazla ekleyebilirsiniz.
Tek yapmanız gereken yeni bir fragment oluşturup kullanmak.

 

Örnek kodlara Google’ın kendi sitesinden de bakabilirsiniz. Buraya bırakıyorum.
https://material.io/develop/android/components/bottom-navigation-view/

Kodumuz sadece bu kadar, yani 4 adımda uygulamamıza bir Bottom Navigation eklemiş olduk. Fragment kullanımı hakkında da yakında bir yazı hazırlayacağım. İyi çalışmalar.

İlk yorum yapan olun

Bir yanıt bırakın

E-posta hesabınız yayımlanmayacak.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.