Material Design Component-Bottom App Bar

Furkan Aşkın
Kuka Mobile Tech
Published in
1 min readNov 18, 2018

Merhabalar,

Bu yazımda sizlerle birlikte Bottom App Bar örneği yapacağız.Öncelikle boş bir proje açıp gerekli düzenlemeleri yapmamız gerekiyor.Bunun için bir önceki yazımı inceleyebilirsiniz.

activity_main.xml’e bir BottomAppBar ekleyelim.

BottomAppBar,CoordinatorLayout ile birlikte kullanılmalıdır.Ayrıca uygulamadaki temanız “Theme.MaterialComponents” şeklinde değilse bunun yerine BottomAppBar’a xml de

style=”@style/Widget.MaterialComponents.BottomAppBar”

kodunu ekleyerek Material Style uyumlu hale getirebilirsiniz.

Ardından BottomAppBar’a bir FAB ekleyerek taçlandıralım.

app:layout_anchor=”@id/app_bar”

kodunu FAB’ı BottomAppBar’a sabitlemek için yazıyoruz.Eğer ki bir sorun çıkmadıysa sonuç olarak şöyle bir şey elde etmemiz gerekiyor:

Tabiki layoutu özelleştirmek mümkün,bunun gibi..

Daha ayrıntılı bilgiyi https://material.io/develop/android/components/bottom-app-bar/ adresinde bulabilirsiniz.

Umarım herkes için yararlı bir yazı olmuştur. Beğendiyseniz alkışlamayı unutmayın :)

--

--

Furkan Aşkın
Kuka Mobile Tech

Android Developer @OzanSuperApp | Speaker @JuniorTalks