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

Question

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

Image for reference here

这发生在工具栏的两侧(即操作按钮和导航图标)

相关代码如下:

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);

}

样式.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 动画引擎造成的涟漪效应。

谢谢大家

Answer 1

为避免这种情况，请不要为工具栏设置背景。将其包裹在 LinearLayout 中并为其指定背景颜色。或者尽可能在父容器中设置背景。