点击时如何实现类似DiscreteScrollView的HorizontalScrollView子项滚动？

我明白你想要实现的是类似DiscreteScrollView那种点击按钮后，指定子项平滑滚动到可视区域（通常是居中）的效果，你的现有代码逻辑方向是对的，但可能在计算细节或者预期效果上有偏差，下面给你调整后的解决方案：

问题分析 #

你当前的代码计算的是让子项中心与ScrollView可视区域中心对齐，但可能因为视图布局时机、未考虑ScrollView内边距等因素，导致看起来没有精准定位到目标子项；另外你还需要绑定按钮来触发滚动，我们一起把这部分完善。

修正后的滚动定位方法 #

首先调整focusOnView方法的计算逻辑，确保精准定位，同时显式指定主线程执行避免线程问题：

private void focusOnView(final HorizontalScrollView scroll, final View view) {
    // 延迟执行，确保视图布局完全完成，避免获取到错误的位置参数
    new Handler(Looper.getMainLooper()).post(() -> {
        // 计算目标滚动位置：让子项中心与ScrollView可视区域中心对齐（贴合DiscreteScrollView的核心效果）
        int scrollViewVisibleCenter = scroll.getWidth() / 2;
        int viewCenter = view.getLeft() + (view.getWidth() / 2);
        int targetScrollX = viewCenter - scrollViewVisibleCenter;

        // 如果你的需求是让子项左对齐ScrollView的可视区域，替换成下面这行：
        // int targetScrollX = view.getLeft() - scroll.getPaddingLeft();

        // 执行平滑滚动
        scroll.smoothScrollTo(targetScrollX, 0);
    });
}

绑定按钮触发滚动 #

假设你的布局中有对应按钮和子项，在Activity或Fragment中给按钮设置点击事件即可：

// 初始化视图
HorizontalScrollView horizontalScrollView = findViewById(R.id.horizontalScrollView);
View targetItem1 = findViewById(R.id.item1);
View targetItem2 = findViewById(R.id.item2);

// 绑定按钮点击
findViewById(R.id.btn_scroll_to_item1).setOnClickListener(v -> focusOnView(horizontalScrollView, targetItem1));
findViewById(R.id.btn_scroll_to_item2).setOnClickListener(v -> focusOnView(horizontalScrollView, targetItem2));

进阶：模拟DiscreteScrollView的自动对齐效果 #

如果想要更贴近DiscreteScrollView的离散滚动体验（手动滚动停止后自动对齐到最近的子项中心），可以给ScrollView添加滚动监听，在滚动停止时自动修正位置：

horizontalScrollView.setOnScrollChangeListener((v, scrollX, scrollY, oldScrollX, oldScrollY) -> {
    // 判断滚动是否停止（通过滚动偏移量变化阈值判断）
    if (Math.abs(scrollX - oldScrollX) < 5) {
        alignToNearestItem(horizontalScrollView);
    }
});

private void alignToNearestItem(HorizontalScrollView scroll) {
    LinearLayout itemContainer = findViewById(R.id.item_container); // 你的子项容器
    int scrollViewCenter = scroll.getWidth() / 2;
    int currentScrollX = scroll.getScrollX();
    int nearestIndex = -1;
    int minOffset = Integer.MAX_VALUE;

    // 遍历所有子项，找到距离可视区域中心最近的那个
    for (int i = 0; i < itemContainer.getChildCount(); i++) {
        View child = itemContainer.getChildAt(i);
        int childCenter = child.getLeft() + child.getWidth() / 2;
        int offset = Math.abs(childCenter - (currentScrollX + scrollViewCenter));
        if (offset < minOffset) {
            minOffset = offset;
            nearestIndex = i;
        }
    }

    // 滚动到最近的子项中心
    if (nearestIndex != -1) {
        focusOnView(scroll, itemContainer.getChildAt(nearestIndex));
    }
}

布局示例参考 #

对应的布局文件可以这样写（以TextView作为子项为例）：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:id="@+id/item_container"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="8dp">

            <TextView
                android:id="@+id/item1"
                android:layout_width="160dp"
                android:layout_height="120dp"
                android:background="#FFE0E0"
                android:gravity="center"
                android:text="Item 1"
                android:layout_marginHorizontal="4dp"/>

            <TextView
                android:id="@+id/item2"
                android:layout_width="160dp"
                android:layout_height="120dp"
                android:background="#E0FFE0"
                android:gravity="center"
                android:text="Item 2"
                android:layout_marginHorizontal="4dp"/>

            <!-- 更多子项... -->
        </LinearLayout>
    </HorizontalScrollView>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="16dp">

        <Button
            android:id="@+id/btn_scroll_to_item1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Go to Item 1"/>

        <Button
            android:id="@+id/btn_scroll_to_item2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Go to Item 2"
            android:layout_marginLeft="8dp"/>
    </LinearLayout>
</LinearLayout>

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