溢出菜單更改自定義工具欄佈局

Question

我有一個活動使用自定義Toolbar：

<android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="?attr/colorPrimary" 
     android:elevation="4dp" 
     android:theme="@style/AppTheme" 
     app:contentInsetStart="0dp" 
     app:popupTheme="@style/Theme.AppCompat.Light.DarkActionBar"> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingBottom="8dp" 
      android:paddingLeft="8dp" 
      android:paddingRight="8dp" 
      android:paddingTop="8dp"> 

    < !-- More content, including search box --> 

     </RelativeLayout> 

</android.support.v7.widget.Toolbar> 

它看起來像這樣的預覽：

但它看起來像這樣的設備上：

看起來溢出菜單正在改變佈局。有沒有辦法解決？

Answer 1

好像一些類似的問題已經被問沒有答案： How to properly add custom view to the toolbar?

相反，我只是把搜索視圖下面工具欄，而不是在它。我匹配了背景顏色。

<android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="?attr/colorPrimary" 
     android:theme="@style/AppTheme" 
     app:logo="@drawable/ic_restaurant_white_24px" 
     app:popupTheme="@style/Theme.AppCompat.Light.DarkActionBar" 
     app:title="@string/app_name" 
     app:titleMarginStart="24dp" 
     app:titleTextColor="@android:color/white"> 

    </android.support.v7.widget.Toolbar> 

    <FrameLayout 
     android:id="@+id/filter_bar_container" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/toolbar" 
     android:background="?attr/colorPrimary" 
     android:padding="12dp">