Android支持工具栏无法正确显示自定义绘图

Question

我正在尝试将我的应用程序ActionBar更新到工具栏中但我在自定义工具栏时遇到了一些问题,以显示自定义drawable.

我到目前为止尝试的是将我的xml drawable设置到工具栏中但是它会破坏整个工具栏并将菜单按钮移动到我无法正常看到的位置:

这是第一个可绘制的:

bg_actionbar.xml

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

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/bg_gradient" />
    <item android:drawable="@drawable/icon_logo" />

</layer-list>

bg_gradient只是一个9patch图像渐变,与icon_logo相同.

对于我的工具栏:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/actionBar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@drawable/bg_actionbar"
        app:contentInsetEnd="0dp"
        app:contentInsetStart="0dp">


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

这个按下我的菜单按钮,左边的间距约为300dp,图标高度缩小.

现在我只是尝试将背景直接改为png图像(bg_gradient),同样的事情发生了.我也尝试在工具栏中添加一个ImageView,但同样的事情就是破坏了整个ToolBar,我又一次失去了如何进一步自定义这个工具栏.有人有想法吗？TIA.

更新:

我尝试在工具栏上添加线性布局以包含背景但仍然无法正确显示在我的结尾:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/actionBar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/cherry_red"
        app:contentInsetEnd="0dp"
        app:contentInsetStart="0dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/bg_actionbar"/>

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

这是发生的事情:

此外,这是我的预期:

图标应位于中心,9patch图像为渐变,因为我在XML上遇到麻烦,在开始的中间和结束颜色上有一个百分比,而navigationIcon应该在渐变的顶部.

Answer 1

嘿，我认为这会有所帮助，因为我有一款类似的应用程序

我的xml是这样的：

    <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/custom_toolbar" android:layout_width="match_parent" android:layout_height="56dp" 
android:background="@drawable/actionbar_bg" >

            <RelativeLayout android:id="@+id/toolbar_logo"
            android:layout_width="140dp" android:layout_height="40dp"
            android:background="@drawable/ic_logo"
            android:layout_gravity="left|center_vertical"
            android:clickable="true">

        </RelativeLayout>

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

虽然drawable / actionbar_bg是这样的：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient android:startColor="#FFFFFF"
                android:endColor="#4093A3"
                android:angle="90" />
        </shape>
    </item>
</layer-list>

希望这对您有所帮助。