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

时间:2015-06-30 19:12:33

标签: android toolbar material-design

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

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

}

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

谢谢费拉斯

1 个答案:

答案 0 :(得分:0)

要避免这种情况,请不要为工具栏设置背景。 将其包裹在LinearLayout中并赋予背景颜色。 或者只是在可能的情况下在其容器中设置背景。