Scroll监听方法 实现滑动监听

复制代码
     new OnScrollListener() {    
         boolean isLastRow =  false;    
        
        @Override    
         public  void onScroll(AbsListView view,  int firstVisibleItem,  int visibleItemCount,  int totalItemCount) {    
             // 滚动时一直回调,直到停止滚动时才停止回调。单击时回调一次。    
            
// firstVisibleItem:当前能看见的第一个列表项ID(从0开始)    
            
// visibleItemCount:当前能看见的列表项个数(小半个也算)    
            
// totalItemCount:列表项共数    
        
            
// 判断是否滚到最后一行    
             if (firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount > 0) {    
                isLastRow =  true;    
            }    
        }    
        @Override    
         public  void onScrollStateChanged(AbsListView view,  int scrollState) {    
             // 正在滚动时回调,回调2-3次,手指没抛则回调2次。scrollState = 2的这次不回调    
            
// 回调顺序如下    
            
// 第1次:scrollState = SCROLL_STATE_TOUCH_SCROLL(1) 正在滚动    
            
// 第2次:scrollState = SCROLL_STATE_FLING(2) 手指做了抛的动作(手指离开屏幕前,用力滑了一下)    
            
// 第3次:scrollState = SCROLL_STATE_IDLE(0) 停止滚动              

            //当屏幕停止滚动时为0;当屏幕滚动且用户使用的触碰或手指还在屏幕上时为1;  
            //由于用户的操作,屏幕产生惯性滑动时为2  
        
            
//当滚到最后一行且停止滚动时,执行加载    
            if (isLastRow && scrollState == AbsListView.OnScrollListener.SCROLL_STATE_IDLE) {    
                //加载元素    
                ......    
        
                isLastRow = false;    
            }    
        }    
    } 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在小程序中,我们可以通过监听 `scroll-view` 组件的 `scrolltolower` 事件来判断页面是否滑动到底部。具体步骤如下: 1. 首先,在 `scroll-view` 组件上绑定 `scrolltolower` 事件,例如:`<scroll-view bind:scrolltolower="onScrollToLower">`。 2. 在页面的 `Page` 中定义 `onScrollToLower` 方法。 3. 在 `onScrollToLower` 方法中,通过获取 `scroll-view` 组件的滚动位置和宽度等信息,判断是否已经滑动到底部。 具体代码如下所示: ```javascript // 在Page的定义中 Page({ onScrollToLower(e) { // 获取scroll-view的相关信息 const scrollView = e.detail.scrollView; const { scrollHeight, scrollTop, clientHeight } = scrollView; // 判断是否滑动到底部 if (scrollTop + clientHeight >= scrollHeight) { console.log("已滑动到底部"); // 在此处可以执行滑动到底部后的相关操作 } } }); ``` 上述代码中,我们首先通过 `e.detail.scrollView` 获取到 `scroll-view` 组件的各项信息,包括滚动高度 `scrollHeight`、滚动距离 `scrollTop` 和可视区域高度 `clientHeight`。 然后,我们判断当前的滚动距离和可视区域高度之和是否大于或等于滚动高度,如果是,则说明已经滑动到底部。 最后,在判断滑动到底部后,你可以执行相应的操作,如加载更多内容或展示相关提示信息等。 这样,当用户滑动到底部时,你就能够通过 `scrolltolower` 事件监听到,并进行相应的处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值