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

Question

我正在尝试将我的应用程序 ActionBar 更新为工具栏，但在自定义我的工具栏以显示自定义可绘制对象时遇到了一些问题。

到目前为止我尝试的是将我的 xml 可绘制对象设置到工具栏中，但它破坏了整个工具栏并将菜单按钮移到了我无法正确看到的地方：

首先是可绘制对象：

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，但同样的事情只是破坏了整个工具栏，我又一次迷失了如何进一步自定义此工具栏。有人有想法吗？ 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

.使用

Gravity 在你的内心 View

希望对您有所帮助

Answer 2

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

我的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 3

使用下面的示例 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>

在你的 Activity、

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

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

Android support Toolbar not displaying custom drawable properly

android

android-layout

android-support-library

android-toolbar