[发明专利]Flutter中无限循环滚动的列表组件有效
申请号: | 202211659710.6 | 申请日: | 2022-12-23 |
公开(公告)号: | CN115640010B | 公开(公告)日: | 2023-04-18 |
发明(设计)人: | 王璐;樊晓旺;彭泽峰;张海庆 | 申请(专利权)人: | 北京沃德博创信息科技有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/30;G06T13/00 |
代理公司: | 北京汇智英财专利代理有限公司 11301 | 代理人: | 牛振娟 |
地址: | 101206 北*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | flutter 无限 循环 滚动 列表 组件 | ||
1.Flutter 中无限循环滚动的列表组件的构建方法,其特征在于,包括如下步骤:
S1、创建动画效果:创建列表元素消失、显示时的动画效果,并为动画效果配置所需参数;
S2、编写列表容器:构建列表样式,该列表容器中可展示多个元素UI,在元素UI发生变化时加入步骤S1中的动画效果;
S3、获取用户传入的元素UI及数据列表;
S4、判断数据列表的长度是否大于用户想显示元素UI的最大值k,若是,数据列表的长度=k;否则,数据列表的长度为用户实际传入数据列表的长度;
S5、显示用户传入的元素UI及数据列表;
S6、编写自动滚动、插入动画的任务:在用户传入的元素UI及数据列表显示后,删除数据列表中元素UI中的第一条数据,做删除动画,并把删除的第一条数据插入到数据列表中元素UI的最后一条中,做插入动画;于此同时,利用定时任务对元素UI做自动滚动,使元素UI实现无限循环滚动的效果,完成不断循环。
2.根据权利要求1所述的Flutter 中无限循环滚动的列表组件的构建方法,其特征在于,步骤S2中,删除动画或插入动画从开始到结束的执行时间为0.1-2s。
3.根据权利要求1所述的Flutter 中无限循环滚动的列表组件的构建方法,其特征在于,步骤S3中,获取用户传入的元素UI及数据列表后,记为一个组件,并给该组件设置一个标记 key,上述标记 key用于找到该组件、插入数据、删除数据。
4.根据权利要求1所述的Flutter 中无限循环滚动的列表组件的构建方法,其特征在于,步骤S6中,具体为:利用 Dart 中 List.removeAt 方法,删除数据列表中第一条数据。
5.根据权利要求3所述的Flutter 中无限循环滚动的列表组件的构建方法,其特征在于,步骤S6中,每一个元素UI自动滚动的维持时间是3-6s。
6.根据权利要求1所述的Flutter 中无限循环滚动的列表组件的构建方法,其特征在于,步骤S6中,利用定时器Timer 对象中的 periodic 定时任务对列表元素做自动滚动。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京沃德博创信息科技有限公司,未经北京沃德博创信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211659710.6/1.html,转载请声明来源钻瓜专利网。