漢堡包圖標背景圖像工具欄

Question

我想在導航漢堡圖標下制作背景圖像，例如 Freelancer 應用程序

我嘗試了該代碼，但圖像出現在標題文本的右側

<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

您可以嘗試使用可繪制圖層列表作為背景，方法是在工具欄中設置以下內容： 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>