DropDownSpinner选中项布局偏移问题求助

嘿，我帮你分析了下这个选中视图偏移的问题，大概率是Spinner的宽度计算逻辑导致的——默认情况下，Spinner的wrap_content宽度会取下拉列表中最宽项的宽度，这就会让选中项的布局被强制拉伸，和你看到的偏移现象完全吻合。换RelativeLayout没用也正常，因为核心问题不在布局容器，而是Spinner的宽度规则和布局约束没对齐。

下面给你几个具体的修复步骤和修改后的代码：

1. 调整选中项布局，确保内容居中且宽度自适应 #

把选中项里的TextView宽度从0dp改成wrap_content，同时保持居中约束，这样文本不会被不必要的拉伸：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView android:id="@+id/selected_habit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:layout_marginBottom="12dp"
        android:paddingHorizontal="58dp"
        android:textAlignment="center"
        android:textColor="@color/colorTextWhite"
        android:textSize="22sp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <ImageView android:id="@+id/habit_spinner_state"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:layout_marginEnd="40dp"
        app:layout_constraintTop_toTopOf="@id/selected_habit"
        app:layout_constraintBottom_toBottomOf="@id/selected_habit"
        app:layout_constraintEnd_toEndOf="@id/selected_habit"
        android:src="@drawable/ic_habit_spinner_closed"/>

    <View
        android:layout_width="124dp"
        android:layout_height="2dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@color/colorWhite"/>
</androidx.constraintlayout.widget.ConstraintLayout>

2. 优化下拉项布局，避免影响Spinner主宽度 #

下拉项的TextView可以保持0dp宽度让它自适应父容器，但我们会在Spinner层面控制弹窗宽度，不让它影响主视图：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView android:id="@+id/selected"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginStart="30dp"
        app:layout_constraintTop_toTopOf="@id/habit"
        app:layout_constraintBottom_toBottomOf="@id/habit"
        app:layout_constraintStart_toStartOf="@id/habit"
        android:src="@drawable/ic_habit_selected"/>

    <TextView android:id="@+id/habit"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:layout_marginBottom="12dp"
        android:paddingHorizontal="58dp"
        android:textAlignment="center"
        android:textColor="@color/colorTextWhite"
        android:textSize="18sp"
        app:layout_constrainedWidth="true"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <ImageView android:id="@+id/complete"
        android:layout_width="14dp"
        android:layout_height="17dp"
        android:layout_marginEnd="26dp"
        app:layout_constraintTop_toTopOf="@id/habit"
        app:layout_constraintBottom_toBottomOf="@id/habit"
        app:layout_constraintEnd_toEndOf="@id/habit"
        android:src="@drawable/habit_complete_icon"/>

    <View
        android:layout_width="124dp"
        android:layout_height="1dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@color/colorWhite"/>
</androidx.constraintlayout.widget.ConstraintLayout>

3. 修改Spinner布局，让宽度由选中项决定 #

把Spinner的layout_width从0dp改成wrap_content，去掉layout_constraintWidth_default="wrap"，这样Spinner的宽度会完全基于选中项的内容计算，不会被下拉项的长文本影响：

<com.crew.d.habit.ui.view.DropDownSpinner
    android:id="@+id/habit_spinner"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="92dp"
    android:spinnerMode="dropdown"
    android:overlapAnchor="false"
    android:background="@null"
    android:popupBackground="@android:color/transparent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

额外优化：自定义下拉弹窗宽度（可选） #

如果希望下拉弹窗的宽度和Spinner主视图一致，或者需要单独设置宽度，可以在代码里添加这段逻辑：

habit_spinner.post {
    // 获取Spinner的下拉弹窗
    val popup = DropDownPopup.getPopup(habit_spinner)
    // 设置弹窗宽度和Spinner主视图一致
    popup?.width = habit_spinner.width
}

这样修改后，选中项的文本会保持居中，不会因为下拉项的长文本而偏移，布局异常的问题应该就能解决了！

内容的提问来源于stack exchange，提问作者kim myeong seok