Android Bottom Bar Kullanımı

YouTube Android uygulamasından aşina olduğumuz ekranın alt kısmında bulunan sayfalar arası geçiş sağlayan yapının kullanımı.

Eğer yeni proje oluştururken bottom navigation menü olanı seçerseniz otomatik oluşacaktır. Var olan projeye eklemek için ise layout’umuzun en altına aşağıdaki bloğu eklememiz gerekiyor.

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="0dp"
    android:layout_marginEnd="0dp"
    android:background="?android:attr/windowBackground"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/navigation" />

Res klasörünün altında bir menu klasörü oluşturmalı ve içerisine navigation isimli bir menü oluşturmalıyız.(app:menu=”navigation”)

İçeriği ise;

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_back"
        android:icon="@drawable/ic_arrow_back"
        android:title="@string/title_back" />

    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home" />

    <item
        android:id="@+id/navigation_search"
        android:icon="@drawable/ic_search"
        android:title="@string/title_search" />

</menu>

İtemler sekmeleri karşılıyor. İkon veya başlık ekleyebiliyoruz. Java kısmında ise dokunmaları id’ler aracılığı ile kontrol ediyoruz.

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener() {

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.navigation_home:
                //işlemler
                return true;
            case R.id.navigation_dashboard:
                //işlemler
                return true;
            case R.id.navigation_notifications:
                //işlemler
                return true;
        }
        return false;
    }
};