汉堡包图标背景图像工具栏

Question

我想在导航汉堡图标下制作背景图片，如Freelancer app

我尝试了该代码，但图片显示在标题文字右侧

<android.support.v7.widget.Toolbar
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="@string/tb_ic"
            android:scaleType="center"
            android:src="@drawable/ic_toolbar_img" />

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

如何实现？

Answer 1

您可以尝试使用图层列表drawable作为背景，方法是在工具栏中设置以下内容：android:background="@drawable/toolbar_background"

并添加以下drawable -

<强>抽拉/ toolbar_background.xml

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/colorPrimary"/>
        </shape>
    </item>

    <item android:top="1dp" android:left="1dp">
        <bitmap
            android:src="@drawable/ic_toolbar_img"
            android:gravity="top|left" />
    </item>
</layer-list>