Scrollview的滑动到底部自动加载

@Scrollview的滑动到底部自动加载

public class ObservableScrollView extends ScrollView {
private boolean loadComplete = true;//是否加载完成
private boolean canLoadMore;//是否可以上拉加载

public ObservableScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);

    if (onScrollChangedListener != null) {
        onScrollChangedListener.onScrollChanged(t, oldt);
    }
    if (t + getMeasuredHeight() + 100 > getChildAt(0).getMeasuredHeight()) {//距离底部100px时候开始准备加载下一页
        if (onLoadMoreListener != null && loadComplete && canLoadMore) {
            loadComplete = false;
            onLoadMoreListener.onLoadMore();
        }
    }

}

public interface OnScrollChangedListener {
    void onScrollChanged(int scrollY, int oldY);
}

public void setLoadMoreComplete() {
    loadComplete = true;
}

public void setCanLoadMore(boolean canLoadMore) {
    this.canLoadMore = canLoadMore;
}

public interface OnLoadMoreListener {
    void onLoadMore();
}

private OnScrollChangedListener onScrollChangedListener;

public void setOnScrollChangedListener(OnScrollChangedListener onScrollChangedListener) {
    this.onScrollChangedListener = onScrollChangedListener;
}

private OnLoadMoreListener onLoadMoreListener;


public void setOnLoadMoreListener(OnLoadMoreListener onLoadMoreListener) {
    this.onLoadMoreListener = onLoadMoreListener;
}

@Override
protected int computeScrollDeltaToGetChildRectOnScreen(Rect rect) {
    return 0;
}

}
  • 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、付费专栏及课程。

余额充值