如何实现按钮点击滚动至页面指定区域？Fragment内ScrollView定位问询

嘿，这个需求我之前做过类似的，实现起来其实挺顺手的，给你梳理几个关键步骤：

首先第一步，得给每个需要跳转到的RelativeLayout设置唯一的id，比如在XML布局里给RelativeLayout #2加上：

android:id="@+id/layout_target_2"

其他需要跳转的布局也按这个逻辑设置好对应的id。

接下来在你的Fragment里完成这几件事：

1. 获取核心控件的实例 #

在Fragment的onViewCreated方法里，先拿到ScrollView和各个目标RelativeLayout的引用：

// Kotlin写法，Java逻辑完全一致
val scrollView = view.findViewById<ScrollView>(R.id.your_scrollview_id)
val layout2 = view.findViewById<RelativeLayout>(R.id.layout_target_2)
// 其他目标布局同理获取

2. 给按钮绑定滚动逻辑 #

给顶部的button#2设置点击监听，点击时触发滚动。这里推荐两种常用方式：

方式一：平滑滚动（用户体验更好） #

直接调用ScrollView的smoothScrollTo方法，带滚动动画：

button2.setOnClickListener {
    // 第一个参数是横向滚动位置（这里不需要横向滚动填0就行），第二个是目标布局的顶部坐标
    scrollView.smoothScrollTo(0, layout2.top)
}

小提示：layout2.top是该布局相对于ScrollView内容容器的顶部距离，这个值就是我们要滚动到的目标位置。

方式二：解决布局未测量完成的异常 #

如果遇到首次点击时滚动位置不对（比如layout2.top返回0），大概率是布局还没完成测量，这时可以用ViewTreeObserver监听布局完成后再滚动：

button2.setOnClickListener {
    layout2.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
        override fun onGlobalLayout() {
            // 记得移除监听，避免重复触发
            layout2.viewTreeObserver.removeOnGlobalLayoutListener(this)
            scrollView.smoothScrollTo(0, layout2.top)
        }
    })
}

3. 额外优化小技巧 #

• 如果不想让目标布局紧贴屏幕顶部，可以给layout2.top减去一个固定值，比如scrollView.smoothScrollTo(0, layout2.top - 60)，数值根据你的UI需求调整。
• 要是页面内容会动态更新（比如加载数据后布局高度变化），记得在内容更新后重新获取目标布局的top值，或者重新绑定点击逻辑。

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