向上箭头波纹重叠工具栏标题

Question

我正在为我的项目构建自定义工具栏。除了操作按钮上的涟漪重叠到工具栏上之外，一切看起来都很好。

参考图像在此处

这种情况发生在工具栏的两侧（即在操作按钮和导航图标上）。

以下是相关代码：

activity.xml

..<android.support.v7.widget.Toolbar
    android:id="@+id/searchToolbar"
    android:theme="@style/ToolbarTheme"
    style="@style/ToolbarStyle">


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

activity.java

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_search);


    mToolbar = (Toolbar) findViewById(R.id.searchToolbar);
    setSupportActionBar(mToolbar);
    mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            finish();
        }
    });

    getSupportActionBar().setTitle(R.string.search);

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setDisplayShowHomeEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);

}

styles.xml

<style name="ToolbarTheme" parent="Theme.AppCompat.Light">

    <item name="android:textColorPrimary">@android:color/white</item>
    <item name="android:textColorSecondary">@android:color/white</item>
    <item name="actionMenuTextColor">@android:color/white</item>
    <item name="android:background">@color/main_orange</item>

</style>


<style name="ToolbarStyle">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:minHeight">?actionBarSize</item>
</style>

我曾试图从工具栏中移除标题并插入TextView，但仍然出现相同的问题。

我在运行API 21的Nexus 4上看到了这个问题。在运行API 19的M8上没有问题，我理解这是由于Lollipop动画引擎负责涟漪效果。

感谢大家。

- David Azar

Answer 1

为了避免这种情况，请勿为工具栏设置背景。 将其包装在LinearLayout中，并赋予该背景颜色。 或者，如果可能的话，只需在其父容器中设置背景即可。

- Jarro