Android自定义Toolbar中Logo被汉堡图标挤压偏移 如何实现居中显示

问题根因 #

Logo偏移是因为Toolbar启用导航图标（汉堡键）后，内部会自动给左侧预留导航图标占用的空间，你设置的center_horizontal是相对于Toolbar扣除导航区后的可用空间居中，而非整个Toolbar宽度，同时你的Java代码主动给Toolbar加了左侧20dp的padding，进一步加大了偏移量。

解决步骤 #

1. 调整custom_toolbar.xml布局 #

最稳妥的方案是将Logo从Toolbar内部移到外层ConstraintLayout中，直接相对于整个屏幕居中，完全不受Toolbar内部元素影响：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/linearLayout3"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar2"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:background="#315c54"
        android:padding="0dp"
        app:contentInsetLeft="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetStartWithNavigation="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"/>

    <!-- Logo移到外层，相对整个父布局居中 -->
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="100dp"
        android:layout_height="49dp"
        android:src="@drawable/grocers_logo"
        app:layout_constraintTop_toTopOf="@id/toolbar2"
        app:layout_constraintBottom_toBottomOf="@id/toolbar2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="29dp"
        android:layout_height="35dp"
        android:layout_marginTop="12dp"
        android:layout_marginEnd="16dp"
        android:clickable="true"
        android:onClick="imageClick"
        android:src="@drawable/send"
        app:layout_constraintEnd_toEndOf="@+id/toolbar2"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

注：删除了原Toolbar无用的marginBottom=675dp属性，补充了contentInsetStart和contentInsetStartWithNavigation属性彻底取消Toolbar左侧预留边距

2. 清理MainActivity.java冗余代码 #

删除主动给Toolbar加左侧padding的代码，避免额外偏移：

// 删掉这行
toolbar.setPadding(20, 0, 0, 0);

其余原有逻辑保持不变即可。

可选兼容方案（不调整布局结构） #

如果需要保留Logo在Toolbar内部的写法，给Logo添加和导航图标等宽的右侧margin即可实现对称居中：

<ImageView
    android:id="@+id/imageView"
    android:layout_width="100dp"
    android:layout_height="49dp"
    android:src="@drawable/grocers_logo"
    android:layout_gravity = "center_horizontal"
    android:layout_marginEnd="?attr/actionBarSize" />

内容的提问来源于stack exchange，提问作者Paul Campbell