Android实现两个ScrollView互相联动，同步滚动的效果

Posted 2020-09-27 yangykaifa

公众号：smart_android

作者：loonggg

点击“阅读原文”，可查看很多其它内容和干货

近期在做一个项目，用到了两个ScrollView互相联动的效果，简单来说联动效果意思就是滑动当中的一个ScrollView还有一个ScrollView也一同跟着滑动，要做到一起同步滑动。

感觉在以后的项目开发中大家可能也会用到。绝对做个Demo分享出来，供大家一起学习，以便大家以后好用，觉的不错，实用的能够先收藏起来哦！

事实上对于ScrollView，Android官方并没有提供相关的获得或者设置滑动距离的方法，也没有提供对应的监听方法。可是那要怎么来做呢？不用操心，肯定能做到。

既然没有提供监听方法，可是通过查看Android源代码可知，提供了一个有关x，y距离的方法，例如以下：

protected void onScrollChanged(int x, int y, int oldx, int oldy)

可是呢，该方法是受保护的方法，不可以直接调用，所以我们得重写ScrollView，写个接口进行监听回调。

效果图

详细实现方法例如以下：

1重写ScrollView

package net.loonggg.scrollviewdemo;

import android.content.Context;

import android.util.AttributeSet;

import android.widget.ScrollView;

public class ObservableScrollView extends ScrollView {

private ScrollViewListener scrollViewListener = null;

public ObservableScrollView(Context context) {

super(context);

}

public ObservableScrollView(Context context, AttributeSet attrs,

int defStyle) {

super(context, attrs, defStyle);

}

public ObservableScrollView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public void setOnScrollViewListener(ScrollViewListener scrollViewListener) {

this.scrollViewListener = scrollViewListener;

}

@Override

protected void onScrollChanged(int x, int y, int oldx, int oldy) {

super.onScrollChanged(x, y, oldx, oldy);

if (scrollViewListener != null) {

scrollViewListener.onScrollChanged(this, x, y, oldx, oldy);

}

}

}

通过上边代码，我们能够看到上面自己写了一个设置监听的方法，例如以下：

public void setOnScrollViewListener(ScrollViewListener scrollViewListener) {

this.scrollViewListener = scrollViewListener;

}

那么就看第二步吧，定义一个监听接口。

2定义监听接口

package net.loonggg.scrollviewdemo;

public interface ScrollViewListener {

void onScrollChanged(ObservableScrollView scrollView, int x, int y,

int oldx, int oldy);

}

3布局文件引用重写的ObservableScrollView

详细内容不写了。举个引用样例就可以，例如以下：

<net.loonggg.scrollviewdemo.ObservableScrollView

android:id="@+id/sv1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_weight="1.0"

android:background="#36b797" >

//里面放包裹内容

</net.loonggg.scrollviewdemo.ObservableScrollView>

4Activity中调用

package net.loonggg.scrollviewdemo;

import android.os.Bundle;

import android.view.Window;

import android.app.Activity;

public class MainActivity extends Activity implements ScrollViewListener {

private ObservableScrollView sv1, sv2;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

sv1 = (ObservableScrollView) findViewById(R.id.sv1);

sv2 = (ObservableScrollView) findViewById(R.id.sv2);

sv1.setOnScrollViewListener(this);

sv2.setOnScrollViewListener(this);

}

@Override

public void onScrollChanged(ObservableScrollView scrollView, int x, int y,

int oldx, int oldy) {

if (scrollView == sv1) {

sv2.scrollTo(x, y);

} else if (scrollView == sv2) {

sv1.scrollTo(x, y);

}

}

}

到这里就讲完了。应该说的比較明确了吧。不懂的能够加我个人微信进行交流。赶紧动手试试吧，光看不动手是不行的。好记性不如烂笔头嘛！

【特别推荐↓】

---

微信公众号：smart_android ,公众号[非著名程序猿]可能是东半球最好的技术分享公众号。

每天。每周定时推送一些有关移动开发的原创文章和教程。

「非著名程序猿」本人建立了一个高端Android微信交流群，假设有想增加的请先加我个人微信号：loonggg ，详细增加条件很easy。加我个人微信号时，请备注为：加群，到时会告诉你详细的增加流程，感谢