zoukankan      html  css  js  c++  java
  • Android实现两个ScrollView互相联动,同步滚动的效果

    公众号: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 ,具体加入条件非常简单,加我个人微信号时,请备注为:加群,到时会告诉你具体的加入流程,感谢

  • 相关阅读:
    单链表的逆转
    树的子结构和树的深度
    升级版爬楼梯问题
    蛇形数组
    正则表达式匹配
    构建乘积数组
    N皇后问题
    IOS计算文字高度
    Block的copy时机
    转:CocoaPods pod install/pod update更新慢的问题
  • 原文地址:https://www.cnblogs.com/loonggg/p/4981784.html
Copyright © 2011-2022 走看看