在 Android 中将徽标设置为工具栏背景

Question

我正在尝试将徽标设置为 Android 工具栏中的背景。我试图将图像作为图层直接放在工具栏中，但这会导致徽标不居中。这是我现在得到的代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="@drawable/Toolbar_background"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
</android.support.v7.widget.Toolbar>

对于可绘制对象 Toolbar_background：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize">
  <item>
    <shape android:shape="rectangle">
      <solid android:color="?attr/colorPrimary" />
    </shape>
  </item>
  <item>
    <bitmap
        android:contentDescription="Unleashed logo"
        android:src="@drawable/unleashed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="10dp"
        android:paddingBottom="10dp" />
  </item>
</layer-list>

这可行，但徽标的宽度被拉长并且没有应用填充，位图占用了它可以得到的所有空间。

https://www.imgdumper.nl/uploads9/5a796ede6c77c/5a796ede6bd4d-Capture.PNG

Answer 1

您可以尝试如下设置徽标：

<Toolbar
    android:layout_width="match_parent"
    android:layout_height="?android:attr/actionBarSize"
    android:id="@+id/atc_toolbar"
    android:background="?android:attr/colorPrimaryDark"
    android:elevation="4dp"
    android:navigationIcon="@android:drawable/ic_menu_compass"
    android:logo="@android:drawable/ic_menu_view"
    android:title="My application">
</Toolbar>

Answer 2

您可以创建自定义工具栏。
检查下面的代码。

toolbar_bg_image.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?android:attr/actionBarSize"
        android:background="@color/colorAccent"
        app:contentInsetEnd="0dp"
        app:contentInsetLeft="0dp"
        app:contentInsetRight="0dp"
        app:contentInsetStart="0dp"
        app:layout_collapseMode="pin"
        app:popupTheme="@style/toolbarTheme">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingLeft="@dimen/_4sdp"
            android:paddingRight="@dimen/_4sdp"
            android:paddingStart="@dimen/_4sdp"
            android:paddingEnd="@dimen/_4sdp"
            android:layout_marginLeft="@dimen/_20sdp"
            android:layout_marginRight="@dimen/_20sdp"
            android:scaleType="fitXY"
            app:srcCompat="@drawable/unlashed"/>

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

我建议您拍摄没有背景的图像，并根据您的要求在 android:background="@color/colorAccent" 中设置背景颜色。 =29=] 属性的工具栏。

您还可以根据需要在ImageView中设置边距和边距。

现在您可以将此工具栏包含在您的布局文件中，如下所示。

fragment_or_activity.xml

<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" android:orientation="vertical"> <include android:id="@+id/toolbar" layout="@layout/toolbar_bg_image" /> </LinearLayout> </layout>

在 Android 中将徽标设置为工具栏背景

Set logo as toolbar background in Android

xml

android

android-toolbar