如何实现两个TextView滚动联动：滚动任一控件时同步滚动

嗨，这个需求我之前在项目里碰到过好几次，核心思路就是让两个TextView的滚动状态实时同步，下面给你几个靠谱的实现思路：

方案一：利用TextView的OnScrollChangeListener（API 23+） #

从Android 6.0开始，TextView原生提供了滚动监听方法，我们可以给两个TextView互相设置监听，当其中一个滚动时，同步更新另一个的滚动位置。

实现要点： #

• 用一个标记位isSyncing避免循环触发（不然两个监听会互相调用，导致滚动混乱）
• 同步时直接调用scrollTo()方法对齐偏移量

代码示例（Kotlin）： #

// 假设你的两个TextView是tvLeft和tvRight
private var isSyncing = false

tvLeft.setOnScrollChangeListener { _, scrollX, scrollY, _, _ ->
    if (!isSyncing) {
        isSyncing = true
        tvRight.scrollTo(scrollX, scrollY)
        isSyncing = false
    }
}

tvRight.setOnScrollChangeListener { _, scrollX, scrollY, _, _ ->
    if (!isSyncing) {
        isSyncing = true
        tvLeft.scrollTo(scrollX, scrollY)
        isSyncing = false
    }
}

Java版本代码： #

private boolean isSyncing = false;

tvLeft.setOnScrollChangeListener((v, scrollX, scrollY, oldScrollX, oldScrollY) -> {
    if (!isSyncing) {
        isSyncing = true;
        tvRight.scrollTo(scrollX, scrollY);
        isSyncing = false;
    }
});

tvRight.setOnScrollChangeListener((v, scrollX, scrollY, oldScrollX, oldScrollY) -> {
    if (!isSyncing) {
        isSyncing = true;
        tvLeft.scrollTo(scrollX, scrollY);
        isSyncing = false;
    }
});

方案二：兼容低版本（API <23）的实现 #

如果你的App需要支持Android 6.0以下系统，TextView没有OnScrollChangeListener，可以用ViewTreeObserver来监听滚动变化：

代码示例（Kotlin）： #

private val leftScrollListener = ViewTreeObserver.OnScrollChangedListener {
    if (!isSyncing) {
        isSyncing = true
        tvRight.scrollTo(tvLeft.scrollX, tvLeft.scrollY)
        isSyncing = false
    }
}

private val rightScrollListener = ViewTreeObserver.OnScrollChangedListener {
    if (!isSyncing) {
        isSyncing = true
        tvLeft.scrollTo(tvRight.scrollX, tvRight.scrollY)
        isSyncing = false
    }
}

// 在onCreate中添加监听
tvLeft.viewTreeObserver.addOnScrollChangedListener(leftScrollListener)
tvRight.viewTreeObserver.addOnScrollChangedListener(rightScrollListener)

// 记得在销毁时移除监听，避免内存泄漏
override fun onDestroy() {
    super.onDestroy()
    tvLeft.viewTreeObserver.removeOnScrollChangedListener(leftScrollListener)
    tvRight.viewTreeObserver.removeOnScrollChangedListener(rightScrollListener)
}

方案三：用ScrollView包裹TextView（适合超长文本场景） #

如果你的TextView是被ScrollView包裹的，直接监听ScrollView的滚动事件即可，逻辑和上面一致：

代码示例： #

val scrollLeft = findViewById<ScrollView>(R.id.scroll_left)
val scrollRight = findViewById<ScrollView>(R.id.scroll_right)

scrollLeft.setOnScrollChangeListener { _, _, scrollY, _, _ ->
    if (!isSyncing) {
        isSyncing = true
        scrollRight.scrollTo(0, scrollY)
        isSyncing = false
    }
}

scrollRight.setOnScrollChangeListener { _, _, scrollY, _, _ ->
    if (!isSyncing) {
        isSyncing = true
        scrollLeft.scrollTo(0, scrollY)
        isSyncing = false
    }
}

额外注意事项 #

• 尽量保证两个TextView的内容高度/宽度一致，这样同步滚动时视觉上才会完全对齐
• 横向滚动只需要同步scrollX，纵向滚动同步scrollY即可
• 标记位isSyncing是必须的，否则会触发无限循环的滚动回调

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