Implementing Flexible toolbar with Card toolbar using appcompat v21

Question

I want to implement Toolbar something like the following design. It is called flexible toolbar and card toolbar enter image description here

I tried implementing the custom view inside toolbar. I achieved something like below image! enter image description here

Now what I did is added custom view to Toolbar but I want to implement like first image. I want to create a card like view on tool bar with all those action views.

To achieve that (As per my view) I can create a custom layout and add it over tool bar. Then I should attach another layout below the toolbar.

My question is whether I should do it as what I said or is there any other simpler way I can implement it?

http://stackoverflow.com/questions/26848843/how-to-create-a-card-toolbar-using-appcompat-v7/26849046#26849046 — Gabriele Mariotti, Dec 08 '14 at 12:15
Thanks @GabrieleMariotti. I think that might help me. Let me go through it and let you know. — Kavin Prabhu, Dec 08 '14 at 12:23

score 2 · Answer 1 · answered Dec 08 '14 at 12:30

2

You should use 2 ToolBars - One for the "ActionBar" and one for the CardView

<FrameLayout>
  <ToolBar /> //the Actionbar ToolBar
  <CardView layout_marginTop="?attr/actionBarSize">
    <ToolBar /> //the Toolbar with the Menu items
    ...
  </CardView>
</FrameLayout>

answered Dec 08 '14 at 12:30

Christian

46
1
2

no thats not the right implementation, you should double your height od the toolbar, you must have only 1 toolbar – Aniruddha K.M Oct 23 '15 at 05:40

Implementing Flexible toolbar with Card toolbar using appcompat v21

1 Answers1