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

Question

我正在尝试将我的应用ActionBar更新到工具栏中，但我在自定义工具栏以显示自定义可绘制方面遇到了一些问题。

到目前为止，我尝试将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>

希望这会对你有所帮助。

Answer 2

使用以下示例xml作为布局

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include layout="@layout/toolbar_home"
        android:id="@+id/tool_bar" />

</LinearLayout>

toolbar_home.xml

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/actionbar_icon_bg"/>

    <ImageView android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/ic_launcher"
        android:layout_centerInParent="true"/>
</RelativeLayout>

在您的活动中，

    toolbar = (Toolbar) findViewById(R.id.tool_bar);
    setSupportActionBar(toolbar); //or setActionBar(toolbar)

获取导航图标和内容

    toolbar.setNavigationIcon(R.drawable.btn_main_nav_selector);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true); // or getActionBar().setDisplayHomeAsUpEnabled(true);

Answer 3

。使用

内部Gravity

上的

View

希望有所帮助