工具栏使用后退按钮在中心对齐标题

时间:2016-02-11 11:40:57

标签: android android-actionbar android-xml android-toolbar

我在我的应用中添加了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>

4 个答案:

答案 0 :(得分:2)

对我有用的是设置:

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

到工具栏的子视图,这是我的LinearLayout(和你的RelativeLayout)。这对我来说听起来很奇怪,但它正在发挥作用,所以我不会抱怨。

答案 1 :(得分:0)

首先,一些一般提示。这是Android Hierarchical view背后的确切目的。用它来弄清楚后退按钮的容器对象是什么,一切如何组合在一起等等。

我怀疑您可以通过将部分wrap_content更改为match_parent来解决您的问题。具体来说,我怀疑在RelativeLayout layout_width中为man egrep更改它会有所帮助。但即使不这样做,也可以使用Hierarchical视图更好地理解当你在玩游戏时会发生什么,并且它应该有助于指明你正确的方向。

答案 2 :(得分:0)

您可能设置了一个活动标题,这将防止徽标位于操作栏的中心。

尝试:

  

getActionBar()。setDisplayShowTitleEnabled(false);

对于v.7:

  

getSupportActionBar()。setDisplayShowTitleEnabled(false);

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

希望有帮助。

答案 3 :(得分:0)

这篇文章太晚了,但是会解释它如何工作。

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

    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" />

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