ActionBar 居中对齐

Question

我在 ActionBar 中的对齐有问题。

它使 Imageview 在图标之间居中，但我想要的是它居中不取决于按钮，而是取决于整个 ActionBar。我怎样才能做到这一点？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:orientation="vertical">

    <TextView
        android:id="@+id/action_bar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="#fff"
        android:textSize="24sp" />

    <ImageView
        android:id="@+id/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="-10dp"
        android:layout_marginBottom="20dp"
        android:src="@drawable/triptracker_logo"/>
</LinearLayout>

在我的 java class:

    getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    getSupportActionBar().setCustomView(R.layout.actionbar_layout);

Answer 1

我从你的问题中得到的是，你希望操作栏标题独立于图标居中。使用 RelativeLayout 而不是 LinearLayout
我希望它会起作用

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="vertical">

<TextView
    android:id="@+id/action_bar_title"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:textColor="#fff"
    android:textSize="24sp" />

<ImageView
    android:id="@+id/logo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="-10dp"
    android:layout_marginBottom="20dp"
    android:src="@drawable/triptracker_logo"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_centerInParent="true"/>
</RelativeLayout>

Answer 2

使用 RelativeLayout 作为根布局而不是 LinearLayout

android:layout_centerInParent="true" 用于 TextView

android:layout_alignParentEnd="true"让ImageView放在最后

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center">

        <TextView
            android:text="Helo"
            android:layout_centerInParent="true"
            android:id="@+id/action_bar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:textColor="#fff"
            android:textSize="24sp" />

        <ImageView
            android:id="@+id/logo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="-10dp"
            android:layout_marginBottom="20dp"
            android:src="@drawable/star"
            android:layout_centerVertical="true"
            android:layout_alignParentEnd="true"/>
    </RelativeLayout >

Answer 3

试试这个...

   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="#b19d9d"
        android:orientation="horizontal">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/logo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|center_horizontal"
                android:src="@drawable/ic_male" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="right|end"
                android:gravity="right|end"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/action_bar_title"

                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:gravity="right|center_vertical"
                    android:text="HELLO WORLD"

                    android:textColor="#fff"
                    android:textSize="24sp" />

            </LinearLayout>


        </FrameLayout>

    </LinearLayout>

ActionBar 居中对齐

ActionBar align center

android

android-actionbar