使用appcompat v21通過Card工具欄實現Flexible工具欄

Question

我想要實現類似於以下設計的Toolbar 。 它稱為靈活工具欄和卡片工具欄

我嘗試在工具欄內實現自定義視圖。 我實現了如下圖所示的效果！

現在，我所做的是將自定義視圖添加到工具欄，但是我想像第一個圖像一樣實現。 我想用所有這些動作視圖在工具欄上創建類似卡片的視圖。

為此，我可以創建一個自定義布局，並將其添加到工具欄上。 然后，我應該在工具欄下方附加另一個布局。

我的問題是我應該按照我所說的去做，還是有其他更簡單的方法可以實現它呢？

Answer 1

您應該使用2個工具欄-一個用於“ ActionBar”，另一個用於CardView

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