Which view should be used for new Material Design Bottom Navigation? [duplicate]

by

A LinearLayout with equal weights for its views, horizontal orientation. Buttons in the LinearLayout with drawableTop set to the icon of choice.

Add it to the bottom:

In a FrameLayout or CoordinatorLayout you can add it to the bottom with layout_gravity="bottom" or in a RelativeLayout use android:layout_alignParentBottom="true"

Dimensions, font size etc:

Please refer to the material design bottom navigation specs about it for the margins and font sizes etc:

Height: 56dp

Icon: 24 x 24dp

Content alignment:
Text and icon are centered horizontally within
view.

Padding:

  • 6dp above icon (active view), 8dp above icon (inactive view)
  • 10dp under text
  • 12dp left and right of text

Text label:

  • Roboto Regular 14sp (active view)

  • Roboto Regular 12sp (inactive view)

Hide on scroll

Use a CoordinatorLayout from android design support library. Add this LinearLayout as a child in the xml and set a Behavior to to hide on scroll.

Update

There is now an open source library available that is built to spec:
https://github.com/roughike/BottomBar

Update 2

It is now part of the support lib.

More Related Contents:

  1. how to design form like google calender event in android? [closed]
  2. RecyclerView inside ScrollView is not working
  3. Can not find a View with findViewById()
  4. How to customize a Spinner in Android
  5. What is android:weightSum in android, and how does it work?
  6. adjustPan not preventing keyboard from covering EditText
  7. What’s “tools:context” in Android layout files?
  8. How can I globally force screen orientation in Android?
  9. FragmentContainerView using findNavController
  10. What is the purpose of Android’s tag in XML layouts?
  11. How to Automatically add thousand separators as number is input in EditText
  12. How To Show and hide ActionBar with AppCompat v.7
  13. android activity has leaked window com.android.internal.policy.impl.phonewindow$decorview Issue
  14. How can I change font size in PreferenceScreen
  15. Making a LinearLayout act like an Button
  16. Newer versions of Android Studio and only two drawable directory – drawable and drawable-v21
  17. Background Image Placement
  18. How to reverse the direction of marquee of a TextView
  19. How to make grid-view horizontally scrollable in android
  20. Android and setting alpha for (image) view alpha
  21. Find view by name
  22. android: How can I implement first time tutorial like Go Launcher in my app?
  23. How can I programmatically include layout in Android?
  24. Change border color when edittext is focused
  25. Badge on BottomNavigationView
  26. How to turn off CalendarView in a DatePicker?
  27. Android Studio (Dolphin | 2021.3.1) & (Electric Eel | 2022.1.1) does not show layout preview
  28. Hex colors in Android are sometimes eight digits. How? What is the difference between #FFFFFF and #FFFFFF00?
  29. What event is fired after all views are fully drawn?
  30. ERROR No package identifier when getting value for resource number

Leave a Comment