Android布局求助：实现与ImageButton同宽的HorizontalScrollView及内部视图定位

我来帮你搞定这两个布局需求，分两步就能实现你想要的效果：

1. 让HorizontalScrollView宽度和ImageButton保持一致 #

首先给你的ImageButton添加一个唯一ID，然后把HorizontalScrollView的android:layout_width设为0dp（也就是ConstraintLayout里的match_constraint），再通过约束让它的起始和结束位置和ImageButton完全对齐，这样它的宽度就会和ImageButton一模一样了。

2. 让内部ImageView从HorizontalScrollView水平中心开始布局 #

注意：HorizontalScrollView的直接子元素只能是一个ViewGroup（不能直接放ImageView），所以我们需要在里面嵌套一个容器（比如LinearLayout），然后通过容器的gravity属性让ImageView从水平中心开始排列。

修改后的完整代码 #

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

    <!-- 给ImageButton添加ID，用于后续宽度匹配 -->
    <ImageButton 
        android:id="@+id/center_image_btn"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        app:layout_constraintBottom_toBottomOf="parent" 
        app:layout_constraintEnd_toEndOf="parent" 
        app:layout_constraintStart_toStartOf="parent" 
        app:layout_constraintTop_toTopOf="parent" 
        app:srcCompat="@drawable/example"/>

    <!-- 宽度设为0dp，通过约束匹配ImageButton的宽度 -->
    <HorizontalScrollView 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:orientation="horizontal" 
        app:layout_constraintStart_toStartOf="@id/center_image_btn" 
        app:layout_constraintEnd_toEndOf="@id/center_image_btn"
        app:layout_constraintBottom_toBottomOf="parent">
        
        <!-- 嵌套LinearLayout作为容器，设置gravity让子View水平居中 -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal">
            
            <!-- 这个ImageView会从HorizontalScrollView的水平中心开始布局 -->
            <ImageView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:adjustViewBounds="false" 
                app:srcCompat="@drawable/example"/>
        </LinearLayout>
    </HorizontalScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>

关键改动说明 #

• 给ImageButton添加android:id="@+id/center_image_btn"，作为宽度匹配的参照
• HorizontalScrollView的android:layout_width改为0dp，并通过app:layout_constraintStart_toStartOf和app:layout_constraintEnd_toEndOf绑定到ImageButton的ID，实现宽度同步
• 在HorizontalScrollView内部添加LinearLayout容器，设置android:gravity="center_horizontal"，让内部的ImageView从水平中心位置开始显示
• 移除了ImageView上无效的ConstraintLayout约束（因为它现在是LinearLayout的子View，不再受外部ConstraintLayout的约束控制）

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

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