Good afternoon, I want to make Action Bar in the style of a new Youtube application. Those. ActionBar in several levels. The search string, below all the buttons there, how can this be implemented?

  • And then it turns out that only the search string is displayed, and the fact that it either does not fit, or something else, tried to change the height of the ActionBar 'and did not help - Kostya M

1 answer 1

Go to the Toolbar , search using SearchView . These two widgets are made for each other and you don’t have to cut a bike.

enter image description here

But the buttons, which are called tabs. For them, use the TabLayout + ViewPager .

enter image description here

PS Screenshots from my application in which I studied all the elements of Material Design and widgets from libraries

Githab code:

  1. Toolbar & SearchView
  2. ViewPager & TabLayout

The essence of the application:

Main screen with 18 points. 18 activities:

  1. FAB at the click moves to random coordinates

  2. When clicking on FAB SnackBar pops up SnackBar

  3. When you click on the FAB bottom pops up BottomSheet

  4. Stupid implementation of FABMenu

  5. When scrolling RecyclerView floats FAB and Toolbar

  6. GridView + Transitions

  7. Scenes

  8. CircularReveal

  9. CollapsingToolbarLayout + NestedScrollView

  10. CardView

  11. TextInputLayout + PasswordVisibilityToggle

  12. SearchView + RecyclerView

  13. Add to list / bulk delete from list

  14. List sorting + Deleting by svaypom + Drag & Drop

  15. ViewPager + TabLayout

  16. DrawerLayout + NavigationView + Header/Footer

  17. BottomNavigationView

  18. RecyclerView + CardView

  • If you need I can upload the code to the githab and add the answer with the link - Flippy
  • it would not be bad - Kostya M
  • thanks in advance - Kostya M
  • @Kostya M, added. It's my pleasure! - Flippy
  • Links to git broken - Ilya Chizhanov