Android开发：如何将TextView放置在Logo右侧附近

我明白你的需求——要让version_text紧贴在tri_logo的左侧，同时保持左侧的头像和文本居中。咱们先看看原布局的问题：你给version_text和tri_logo分别设置了layout_weight，这会让它们在剩余空间里按权重分配宽度，自然就离得远了。而且外层布局的空间分配逻辑也没把这两个元素当成一个整体来处理。

下面是修改后的XML代码，完美实现你要的<居中图标> v1.0 <tri_logo>布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toplayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:layout_marginRight="20dp"
    android:orientation="horizontal">

    <!-- 左侧头像与文本区域，占据剩余所有空间并居中 -->
    <LinearLayout
        android:id="@+id/lout_profile_header"
        android:layout_width="0dp"
        android:layout_height="@dimen/top_view_height"
        android:layout_weight="1"
        android:clickable="true"
        android:gravity="center"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/imgTopProfile"
            android:layout_width="@dimen/profilie_icon_size"
            android:layout_height="@dimen/profilie_icon_size"
            android:layout_margin="@dimen/hdr_img_padding"
            android:src="@mipmap/ic_profile" />
        <TextView
            android:id="@+id/textTopProfile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="@dimen/hdr_name_padding" />
    </LinearLayout>

    <!-- 右侧版本号+Logo组合，让它们紧挨着 -->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="@dimen/top_view_height"
        android:gravity="center_vertical"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/version_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="8dp" <!-- 给版本号和Logo加个小间距 -->
            android:text="v1.7"/>
        <ImageView
            android:id="@+id/tri_logo"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/tri_logo" />
    </LinearLayout>
</LinearLayout>

关键改动说明： #

• 把版本号和Logo打包成一个子布局：用一个横向LinearLayout包裹version_text和tri_logo，这样它们会默认紧挨着，不会被权重分散。
• 调整左侧区域的权重：给lout_profile_header设置layout_width="0dp"和layout_weight="1"，让它占据屏幕除了右侧版本+Logo之外的所有空间，保证左侧内容居中。
• 移除不必要的权重：删掉version_text和tri_logo原来的layout_weight，让它们根据自身内容宽度显示。
• 添加间距优化：给version_text加了layout_marginRight，让版本号和Logo之间有合适的留白，视觉上更舒服。
• 对齐优化：右侧子布局设置gravity="center_vertical"，让版本号和Logo垂直居中，和左侧内容对齐。

这样调整后，就能实现你想要的布局效果啦！

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