Android中如何使ImageView与LinearLayout内其他元素垂直对齐？

我来帮你搞定这个对齐问题！咱们先分析下布局里的核心问题，然后一步步调整：

问题根源 #

你当前的布局里，每个日期项的子LinearLayout用了wrap_content作为宽度，再加上layout_weight=1，这其实不会让它们平均分配外层的宽度——layout_weight只有在宽度设为0dp时才会真正生效。这样每个子项的宽度可能因为内部元素的细微差异而不一致，直接导致圆点ImageView没办法对齐。

另外，子LinearLayout没有设置整体的对齐规则，内部元素的居中逻辑也有点混乱，这也会影响对齐效果。

修改方案 #

咱们一步步调整布局：

1. 修正子LinearLayout的宽度与对齐规则

把每个日期项的子LinearLayout的android:layout_width从wrap_content改成0dp，这样layout_weight=1才能让7个子项平均分配外层的宽度。同时给每个子LinearLayout添加android:gravity="center_horizontal"，让内部的TextView、Button、ImageView都自动水平居中。

修改后的子LinearLayout示例：

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_marginEnd="10dp"
    android:layout_weight="1"
    android:orientation="vertical"
    android:gravity="center_horizontal">

2. 调整TextView的布局属性

把TextView的android:layout_gravity从fill改成center，避免TextView强制拉伸宽度导致布局偏移。如果想保持星期标签的宽度一致，可以保留android:layout_width="40dp"，否则改成wrap_content也没问题。

修改后的TextView示例：

<TextView
    android:id="@+id/dayLabel1"
    android:layout_width="40dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:text="M"
    android:textAlignment="center" />

3. 简化ImageView的布局

因为子LinearLayout已经设置了gravity="center_horizontal"，ImageView的android:layout_gravity="center_horizontal"可以去掉，它会自动继承父布局的居中规则，保持和其他元素对齐。

修改后的ImageView示例：

<ImageView
    android:id="@+id/dotIcon1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    app:srcCompat="@drawable/dotindicatoricon" />

4. 保留按钮的宽高设置

你提到必须把Button宽高设为40dp才能保持圆形背景，这个是对的——因为oval形状只有在宽高相等时才会是正圆形，所以继续保留android:layout_width="40dp"和android:layout_height="40dp"就好，不需要修改。

完整修改后的单个日期项示例 #

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_marginEnd="10dp"
    android:layout_weight="1"
    android:orientation="vertical"
    android:gravity="center_horizontal">

    <TextView
        android:id="@+id/dayLabel1"
        android:layout_width="40dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:text="M"
        android:textAlignment="center" />

    <Button
        android:id="@+id/dateBtn1"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="@drawable/round_button"
        android:text="13" />

    <ImageView
        android:id="@+id/dotIcon1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        app:srcCompat="@drawable/dotindicatoricon" />
</LinearLayout>

把其他6个日期项按照这个格式修改，就能让所有圆点ImageView完美垂直对齐了！

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