Question

在我的操作栏中，我希望图标和标题文字水平居中。这是我得到的：

enter image description here

操作栏正在使用RelativeLayout。图标图像和标题文本位于LinearLayout中，其中android：layout_centerHorizontal =“true”，但线性布局不居中。这是布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dip"
    android:background="#dddddd" >

    <ImageButton
        android:id="@+id/leftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:layout_marginLeft="10dip"
        android:layout_marginRight="10dip"
        android:background="@null"
        android:contentDescription=""
        android:scaleType="centerInside"
        android:src="@drawable/ic_drawer" />

    <LinearLayout
        android:id="@+id/titleParentLayout"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true" >

        <ImageView
            android:id="@+id/titleImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp"
            android:paddingTop="10dp"
            android:scaleType="centerInside"
            android:src="@drawable/icon_orig" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:singleLine="true"
            android:text="@string/app_name"
            android:textColor="#484848"
            android:textSize="18dp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/rightSideParentLayout"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:background="#dddddd"
        android:orientation="horizontal" >

        <ImageButton
            android:id="@+id/rightButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_gravity="center"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="@null"
            android:contentDescription=""
            android:scaleType="centerInside"
            android:src="@drawable/addbutton" />
    </LinearLayout>

</RelativeLayout>

编辑：这两个答案都给了我这个：

enter image description here

如您所见，图标和标题仍未居中。

Answer 1

您可以尝试使用LinearLayout，如下所示......

<?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="50dip"
    android:background="#dddddd"
    android:orientation="horizontal" >

    <ImageButton
        android:id="@+id/leftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:layout_marginLeft="10dip"
        android:layout_marginRight="10dip"
        android:background="@null"
        android:contentDescription=""
        android:scaleType="centerInside"
        android:src="@drawable/ic_drawer" />

    <LinearLayout
        android:id="@+id/titleParentLayout"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:gravity="center" >

        <ImageView
            android:id="@+id/titleImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp"
            android:paddingTop="10dp"
            android:scaleType="centerInside"
            android:src="@drawable/ic_orig" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:singleLine="true"
            android:text="@string/app_name"
            android:textColor="#484848"
            android:textSize="18dp" />
    </LinearLayout>

    <ImageButton
        android:id="@+id/rightButton"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:layout_marginLeft="10dip"
        android:layout_marginRight="10dip"
        android:background="@null"
        android:contentDescription=""
        android:scaleType="centerInside"
        android:src="@drawable/addbutton" />

</LinearLayout>

Answer 2

java代码中的

将此用于android-version 3.0到高级

getActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM); 
getActionBar().setCustomView(R.layout.custom_actionbar);

xml文件custom_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:orientation="horizontal"
    android:background="#dddddd">

<ImageButton
        android:id="@+id/leftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dip"
        android:background="@null"
        android:contentDescription=""
        android:scaleType="centerInside"
        android:src="@drawable/ic_drawer" />

<LinearLayout
        android:id="@+id/titleParentLayout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center" >

        <ImageView
            android:id="@+id/titleImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp"
            android:paddingTop="10dp"
            android:scaleType="centerInside"
            android:src="@drawable/icon_orig" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:singleLine="true"
            android:text="@string/app_name"
            android:textColor="#484848"
            android:textSize="18sp" />
    </LinearLayout>

<ImageButton
        android:id="@+id/rightButton"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginRight="10dip"
        android:gravity="center_vertical"
        android:background="@null"
        android:contentDescription=""
        android:scaleType="centerInside"
        android:src="@drawable/addbutton" />
</LinearLayout>

编辑：三星tab2的截图

enter image description here

Android：ActionBar布局不居中

2 个答案: