ScrollView
视图的滚动过程,其实是在不断修改原点坐标。当手指触摸后,ScrollView会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么ScrollView发送tracking events到被点击的subView;若是在计时器到点后发生了移动事件,那么ScrollView取消tracking自己促发滚动。
首先说一下 NestedScrollView 的滑动事件的监听,
如果使用
nestedScrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() { @Override public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) { } });
这个方法在 API >= 23 时才可以使用,怎么解决呢 。我们可以自己定义一个ScrollView
public class MyScrollView extends NestedScrollView { private OnScrollChanged mOnScrollChanged; public MyScrollView(Context context) { this(context, null); } public MyScrollView(Context context, AttributeSet attributeSet) { this(context, attributeSet, 0); } public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onScrollChanged(int l, int t, int oldl, int oldt) { super.onScrollChanged(l, t, oldl, oldt); if (mOnScrollChanged != null) { mOnScrollChanged.onScroll(l, t, oldl, oldt); } } public void setOnScrollChanged(OnScrollChanged onScrollChanged) { this.mOnScrollChanged = onScrollChanged; } public interface OnScrollChanged { void onScroll(int l, int t, int oldl, int oldt); } }
这样我们就可以通过实现 onScrollChanged() 监听滑动事件了 ,其中可以监测到滑动距离,这样就可以做好多事情了;
但是现在有一个需求就是【滑动的时候隐藏 一个靠边的悬浮框,不滑动是悬浮框显示出来】,这样的话就需要监测滑动状态了。scrollview 不像recyclerview一样可以监测滑动状态。
以下是我的一个实现方案,通过CountDownTimer 来实现
在刚才的onScrollChanged 接口中增加方法
public interface OnScrollChanged { void onScroll(int l, int t, int oldl, int oldt); void onTouch(boolean isDown); }
然后重写onTouchEvent方法
@Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: if (mOnScrollChanged != null) { mOnScrollChanged.onTouch(false); } break; case MotionEvent.ACTION_DOWN: case MotionEvent.ACTION_MOVE: if (mOnScrollChanged != null) { mOnScrollChanged.onTouch(true); } break; } return super.onTouchEvent(ev); }
这里的isDown=true代表是按下或者滑动的状态,对应ACTION_DOWN和ACTION_MOVE,fale代表ACTION_UP和ACTION_CANCEL
下面使用这个自定义的scrollerview
//静止状态 private final static int SCROLL_STATE_IDLE = 1; //拖动或者惯性滑动状态 private final static int SCROLL_STATE_SCROLL = 2; //判断是否是拖动状态 boolean isDragState = false; int currentState = SCROLL_STATE_IDLE; //这里采用100ms来判断是否已经是静止状态,100ms结束后证明是静止状态 private CountDownTimer scrollCountTimer = new CountDownTimer(100, 1) { @Override public void onTick(long millisUntilFinished) { } @Override public void onFinish() { setScrollState(SCROLL_STATE_IDLE); } }; private void initScrollView() { scrollView.setOnScrollChanged(new MyScrollView.OnScrollChanged() { @Override public void onScroll(int l, int t, int oldl, int oldt) { if (isDragState) {//拖动状态单独处理不再进行滚动状态监测 return; } //滑动时先取消倒计时,设置滑动状态 scrollCountTimer.cancel(); if(currentState != SCROLL_STATE_SCROLL) { setScrollState(SCROLL_STATE_SCROLL); } scrollCountTimer.start(); } @Override public void onTouch(boolean isDown) { isDragState = isDown; //我这里把按下的状态默认为了滚动的状态,当然你也可以分开定义 if (isDown) { scrollCountTimer.cancel(); setScrollState(SCROLL_STATE_SCROLL); } else { scrollCountTimer.start(); } } }); //最后记得页面销毁时,cancel掉timer
总结
以上所述是小编给大家介绍的Android scrollview如何监听滑动状态,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
本文向大家介绍Android 滑动监听的实例详解,包括了Android 滑动监听的实例详解的使用技巧和注意事项,需要的朋友参考一下 Android 滑动监听的实例详解 摘要: ScollBy,ScollTo是对内容的移动,view.ScollyBy是对view的内容的移动 view,ScollTo是对内容的移动(移动到指定位置),view.ScollyBy是对view的内容的移动(移动距离) 在
导航条示例 滚动监听插件会根据滚动的位置,自动更新导航条的目标。滚动在导航条下面的区域,查看active类的改变。弹出菜单的子项也同样会被高亮。 用法 需要Bootstrap导航条 Scrollspy currently requires the use of a Bootstrap nav component for proper highlighting of active links. 滚动
滚动监听是一个 jQuery 插件,用于追踪某一确定元素并且元素目前处于用户屏幕的焦点。我们的示例在每个文档页的右边。单击这些链接将滚动到页面元素的位置。 表格内容的结构 <div class="row"> <div class="col s12 m9 l10"> <div id="introduction" class="section scrollspy"> <p>内容 </p>
本文向大家介绍vue监听滚动事件实现滚动监听,包括了vue监听滚动事件实现滚动监听的使用技巧和注意事项,需要的朋友参考一下 在vue中实现滚动监听和原生js无太大差异,下面是一个简单的demo,可在控制台查看结果 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!
主要内容:用法,实例,选项,方法,实例,事件,实例,更多实例,实例,实例滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class。 如果您想要单独引用该插件的功能,那么您需要引用 scrollspy.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。
主要内容:如何创建滚动监听,实例,实例滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。 如何创建滚动监听 以下实例演示了如何创建滚动监听: 实例 <!-- 可滚动区域 --> <body data-spy="scroll" data-target=".navbar" data-offset="50"> <!-- The navbar - The <a> el