工具栏将标题与后退按钮居中对齐

Question

我正在应用程序中添加Toolbar，但似乎有问题。在应用程序中，我应该在屏幕右侧有一个按钮，标题位于中间。但是，当我更深入地研究应用程序时，应通过执行getSupportActionBar().setDisplayHomeAsUpEnabled()在左侧显示向后箭头。这很好，但是当我添加后退按钮时，文本会向右移动，因此我猜后退按钮可以有一些空间。有人可以告诉我如何在右侧显示我的按钮，标题始终在中间，如果不显示后退按钮，则不显示标题？

这是我的工具栏xml布局代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white"
    android:padding="5dp"
    tools:ignore="MissingPrefix">

    <RelativeLayout
        android:id="@+id/toolbar_info_holder"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:textColor="@color/actionbar_title_color" />

        <ImageView
            android:id="@+id/toolbar_image"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true" />

        <TextView
            android:id="@+id/toolbar_count"
            android:layout_width="13dp"
            android:layout_height="13dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:background="@drawable/red_circle"
            android:gravity="center"
            android:text="4"
            android:textColor="@color/white"
            android:textSize="9sp" />
    </RelativeLayout>

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

Answer 1

对我有用的是设置：

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"

进入工具栏的子视图，对我来说这是LinearLayout（对您来说是RelativeLayout）。首先听起来对我来说很奇怪，但是它可以正常工作，所以我不会抱怨。

Answer 2

首先，一些一般性提示。这是Android Hierarchical view背后的确切目的。用它来找出后退按钮的容器对象是什么，所有东西如何组合在一起，等等。

[我怀疑您可以通过将某些wrap_content更改为match_parent来解决您的问题。具体来说，我怀疑将RelativeLayout中的layout_width更改会达到目的。但是，即使不是那样，也可以使用“层次结构”视图更好地了解在周围玩耍时会发生什么，这应该有助于向正确的方向指明。

Answer 3

您可能设置了一个活动标题，这将防止徽标在操作栏上居中。

尝试：

getActionBar（）。setDisplayShowTitleEnabled（false）;

对于v.7：

getSupportActionBar（）。setDisplayShowTitleEnabled（false）;

来自this question and answer。归功于@Fillipo Mazza。

希望有帮助。

Answer 4

这篇文章的内容不太晚，但是将解释它如何工作。

您可以使用以下代码自定义工具栏视图。

    supportActionBar?.setCustomView(R.layout.app_bar_title)
    supportActionBar?.displayOptions = ActionBar.DISPLAY_SHOW_CUSTOM

基本上发生的是，app_bar_layout被添加为工具栏内的自定义视图。因此，让我们今天需要将标题显示在中间，并在右侧显示返回键或操作按钮。我们可以创建这样的布局。

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/app_bar_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_gravity="center"
    tools:text="HOME" />

此文本视图将附加在工具栏布局内，并在工具栏布局的中心对齐。即使您添加返回键或操作菜单，它也应保留在中间。