Android布局问题：如何让顶部栏ImageView始终保持水平居中？

嘿，作为Android新手遇到这种布局问题太正常了！我来帮你搞定这个Logo居中以及退出按钮的问题，先看看你原来布局里的核心问题：

你的标题栏用了LinearLayout但设置了android:layout_width="wrap_content"，这就导致这个标题栏容器本身只占内部元素的宽度，而不是整个屏幕宽度——这就是为什么layout_gravity="center_horizontal"在竖屏可能看起来正常，但横屏就偏移的原因，因为容器本身没铺满屏幕，居中只是在容器内部，不是整个屏幕的中间。

方案一：用LinearLayout权重实现居中（基于你原来的布局修改） #

把标题栏容器改成全屏宽度，然后通过权重分配空白空间来让Logo保持在屏幕正中间：

<RelativeLayout 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/phoneoptLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bgg"
    android:orientation="vertical"
    android:paddingLeft="5dp"
    android:paddingRight="6dp"
    android:paddingBottom="5dp">

    <!-- 标题栏容器：宽度改成match_parent，铺满屏幕 -->
    <LinearLayout
        android:id="@+id/top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <!-- 返回按钮：左对齐，权重设为0，不占用额外空间 -->
        <ImageView
            android:id="@+id/back"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginStart="10dp"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="10dp"
            android:paddingTop="10dp"
            android:src="@drawable/arrow_back"
            android:layout_weight="0"/>

        <!-- 空白占位：权重设为1，占据返回按钮到Logo之间的所有剩余空间 -->
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"/>

        <!-- Logo：现在会被左右的空白占位挤到屏幕正中间 -->
        <ImageView
            android:src="@mipmap/logo"
            android:layout_width="wrap_content"
            android:layout_height="55dp"
            android:paddingTop="5dp"
            android:paddingBottom="5dp"
            android:layout_weight="0"/>

        <!-- 右侧空白占位：权重设为1，占据Logo到屏幕右侧的所有剩余空间 -->
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"/>

        <!-- 如果要加右侧退出按钮，直接放在这里，不用额外设置，自然右对齐 -->
        <ImageView
            android:id="@+id/exit_btn"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginEnd="10dp"
            android:layout_marginTop="10dp"
            android:src="@drawable/exit_icon"
            android:layout_weight="0"/>
    </LinearLayout>
</RelativeLayout>

方案二：用RelativeLayout实现更直观的居中 #

如果你觉得LinearLayout权重有点绕，换成RelativeLayout做标题栏会更直观，直接通过位置属性控制元素：

<RelativeLayout 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/phoneoptLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/bgg"
    android:orientation="vertical"
    android:paddingLeft="5dp"
    android:paddingRight="6dp"
    android:paddingBottom="5dp">

    <!-- 标题栏容器：铺满屏幕 -->
    <RelativeLayout
        android:id="@+id/top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!-- 返回按钮：对齐父容器左侧 -->
        <ImageView
            android:id="@+id/back"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginStart="10dp"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="10dp"
            android:paddingTop="10dp"
            android:src="@drawable/arrow_back"/>

        <!-- Logo：水平居中 -->
        <ImageView
            android:src="@mipmap/logo"
            android:layout_width="wrap_content"
            android:layout_height="55dp"
            android:paddingTop="5dp"
            android:paddingBottom="5dp"
            android:layout_centerHorizontal="true"/>

        <!-- 退出按钮：对齐父容器右侧 -->
        <ImageView
            android:id="@+id/exit_btn"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_marginEnd="10dp"
            android:layout_marginTop="10dp"
            android:src="@drawable/exit_icon"/>
    </RelativeLayout>
</RelativeLayout>

关键修改点说明 #

1. 标题栏容器宽度必须是match_parent：只有容器铺满整个屏幕，内部元素的居中才是相对于屏幕的居中，而不是容器自身的居中。
2. LinearLayout权重的作用：权重会按照比例分配容器的剩余空间，左右两个空白View各占1份，Logo占0份，就会被挤到中间，横竖屏切换时剩余空间会重新计算，保持居中。
3. RelativeLayout的位置属性：layout_centerHorizontal="true"直接让元素在父容器水平居中，不管屏幕方向怎么变，这个属性都会生效，非常直观。

这样修改后，你的Logo在横竖屏都会保持在屏幕正中间，右侧的退出按钮也能稳稳地贴在右边，不会出现偏移问题啦！

内容的提问来源于stack exchange，提问作者Jayan Dev