scroller的使用

Scroller是一个帮助view滚动的辅助类,在使用它之前,用户需要通过startScroll来设置滚动的参数,即起始点坐标和xy轴上要滚动的举例。Scroller它封装了滚动时间、要滚动的目标x轴和y轴,以及在每个时间内veiw应该滚动到的xy轴的坐标点,这样用户就可以在有效的滚动周期内通过Scroller的getCurx和getCury来获取当前时刻view应该滚动的位置,然后通过调用view的scrollTO或者scrollBy方法进行滚动。我们只需要复写view类的computeScroll方法,该方法会在view绘制时调用,在里面调用Scroller的computeScrollOffset来判断滚动是否完成。最后调用view的postInvalidate或者invalidate以实现view的重绘,直至computeScrollOffset返回false。即滚动结束。
举例如下:
public class ScrollLayout extends FrameLayout{
Scroller mScroller;
public ScrollLayout(Context context){
super(context);
mScroller = new Scroller(context);
}
public void computeScroll(){
if(mScroller.computeScrollOffset()){
this.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
this.postInvalidate();
}
}
public void scrollTo(int y){
mScroller.startScroll(getScrollX(), getScrollY(), 0, y);
this.invalidate();
}
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue-virtual-scroller是一个用于渲染大量数据的Vue组件。它通过只渲染可见的部分来提高性能,而不是将整个列表都渲染出来。 以下是使用Vue-virtual-scroller的步骤: 1. 安装Vue-virtual-scroller 你可以使用npm来安装Vue-virtual-scroller: ``` npm install vue-virtual-scroller ``` 2. 导入Vue-virtual-scroller 在需要使用Vue-virtual-scroller的组件中导入它: ``` import { VirtualScroller } from 'vue-virtual-scroller'; ``` 3. 注册组件 将VirtualScroller组件注册到你的Vue应用中: ``` export default { components: { VirtualScroller }, // ... } ``` 4. 使用组件 在模板中使用VirtualScroller组件来渲染你的数据: ``` <virtual-scroller :items="items"> <template slot-scope="{ item }"> <!-- 渲染你的数据 --> </template> </virtual-scroller> ``` 其中,items是你要渲染的数据数组,slot-scope用于传递数据到模板中。 5. 配置组件 你可以通过props来配置VirtualScroller组件: - itemsPerPage:每页显示的数据数量(默认为30) - buffer:缓存的数据数量(默认为0) - itemSize:每个数据项的高度(可以是固定的数字,也可以是一个返回高度的函数) - minIndex:最小的数据索引 - maxIndex:最大的数据索引 例如,你可以这样配置VirtualScroller: ``` <virtual-scroller :items="items" :items-per-page="50" :buffer="10" :item-size="50"> <template slot-scope="{ item }"> <!-- 渲染你的数据 --> </template> </virtual-scroller> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值