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 =＆＃34; @ color / colorAccent＆＃34; 工具栏中的要求设置背景颜色。

您还可以根据需要在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中将徽标设置为工具栏背景

2 个答案: