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

【问题标题】：Up arrow ripple overlapping toolbar title向上箭头波纹重叠工具栏标题
【发布时间】：2015-09-17 17:41:36
【问题描述】：

我正在为我正在处理的项目构建我的自定义工具栏。一切看起来都很棒，除了从操作按钮到工具栏的重叠波纹。

这发生在工具栏的两侧（即带有操作按钮和导航图标）

以下是相关代码：

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 上没有问题，我知道这是由于棒棒糖动画引擎负责涟漪效应。

谢谢各位

【问题讨论】：

标签： android toolbar material-design

【解决方案1】：

为避免这种情况，请不要为工具栏设置背景。将其包装在 LinearLayout 中并为其提供背景颜色。或者如果可能的话，在它的父容器中设置背景。

【讨论】：