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

Z时代
2024-01-10
分类：综合

本文实例讲述了Android实现两个ScrollView互相联动的同步滚动效果代码。分享给大家供大家参考，具体如下：

最近在做一个项目，用到了两个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>

4. Activity中调用


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);
}
}
}