Android實(shí)現(xiàn)兩個(gè)ScrollView互相聯(lián)動(dòng),同步滾動(dòng)的效果

最近在做一個(gè)項(xiàng)目,用到了兩個(gè)ScrollView互相聯(lián)動(dòng)的效果,簡(jiǎn)單來(lái)說(shuō)聯(lián)動(dòng)效果意思就是滑動(dòng)其中的一個(gè)ScrollView另一個(gè)ScrollView也一同跟著滑動(dòng),要做到一起同步滑動(dòng)。感覺(jué)在以后的項(xiàng)目開(kāi)發(fā)中大家可能也會(huì)用到,絕對(duì)做個(gè)Demo分享出來(lái),供大家一起學(xué)習(xí),以便大家以后好用,覺(jué)的不錯(cuò),有用的可以先收藏起來(lái)哦!

其實(shí)對(duì)于ScrollView,Android官方并沒(méi)有提供相關(guān)的獲得或者設(shè)置滑動(dòng)距離的方法,也沒(méi)有提供相應(yīng)的監(jiān)聽(tīng)方法。但是那要怎么來(lái)做呢?不用擔(dān)心,肯定能做到。既然沒(méi)有提供監(jiān)聽(tīng)方法,但是通過(guò)查看Android源碼可知,提供了一個(gè)有關(guān)x,y距離的方法,如下:

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

但是呢,該方法是受保護(hù)的方法,不能夠直接調(diào)用,所以我們得重寫ScrollView,寫個(gè)接口進(jìn)行監(jiān)聽(tīng)回調(diào)。

效果圖

具體實(shí)現(xiàn)方法如下:

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

}

}

}

通過(guò)上邊代碼,我們可以看到上面自己寫了一個(gè)設(shè)置監(jiān)聽(tīng)的方法,如下:

public void setOnScrollViewListener(ScrollViewListener scrollViewListener) {

this.scrollViewListener = scrollViewListener;

}

那么就看第二步吧,定義一個(gè)監(jiān)聽(tīng)接口。

2

定義監(jiān)聽(tīng)接口

package net.loonggg.scrollviewdemo;

public interface ScrollViewListener {

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

int oldx, int oldy);

}

3

布局文件引用重寫的ObservableScrollView

具體內(nèi)容不寫了,舉個(gè)引用例子即可,如下:

android:id="@+id/sv1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_weight="1.0"

android:background="#36b797" >

//里面放包裹內(nèi)容

4

Activity中調(diào)用

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

}

}

}

到這里就講完了,應(yīng)該說(shuō)的比較明白了吧,不懂的可以加我個(gè)人微信進(jìn)行交流。趕緊動(dòng)手試試吧,光看不動(dòng)手是不行的,好記性不如爛筆頭嘛!

【特別推薦↓】

「非著名程序員」本人建立了一個(gè)高端Android微信交流群,如果有想加入的請(qǐng)先加我個(gè)人微信號(hào):loonggg ,具體加入條件非常簡(jiǎn)單,加我個(gè)人微信號(hào)時(shí),請(qǐng)備注為:加群,到時(shí)會(huì)告訴你具體的加入流程,感謝??每位開(kāi)發(fā)者的配合。

公眾號(hào)“非著名程序員”,每天一篇原創(chuàng)技術(shù)分享和移動(dòng)互聯(lián)網(wǎng)知識(shí)分享,微信公眾號(hào):smart_android ,歡迎大家關(guān)注。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容