滑动组件(List)

>  本帖最后由 咬一口甜 于 2024-7-1 15:49 编辑


效果图



UI制
1.Item（注意设置root节点的对齐方式一般是左上对齐，绝对不能有拉伸）

Item布局

2.Item容器制作
如果设置垂直，对齐方式要设置成这样

content布局

如果是水平，对齐方式如下

content布局

3.（所见即所得）开启自动布局可视化效果样式，效果满足需求后删除刚刚粘贴的item就可以了
Tips：如果水平或者垂直只有一个item就不要勾选网格布局

4.导出UI就可以开始了

导出UI

TS代码部分
代码部分直接去demo里面抄写就行了
List已经放在附件中，直接下载。

List的优势

List的UI是所见即所得，不需要在代码进行调试
List中还有指定跳转，多选，休眠等额外的方法可以调用哦....

2023/9/3更新了一版demo，其中有一些List优化和适配问题

2023/9/18不好意思大家，为了与数据层解耦。对list的部分代码进行的修改。务必都以最新的为准哦

2023/11/13更新了最新的027版本了，修复了滑动到顶部和最底部BUG

2024/5/7好久不见，之前frog号后续不在更新了.因为换号了

最新版
1.修复了UI适配Scroller容器大小的问题
2.新增List销毁和隐藏的接口
3.分离了接口，List的必要接口和点击回调的接口

2024/7/1今天刚更新了最新的编辑器034发现工程好像不正常了，所以赶紧补了一个新demo

2024/7/23根据同事的使用体验，优化了滑动更新的频率。

2024/8/16
1.优化刷新频率，保证同一帧不会多次刷新
2.优化了接口，使用更加方便

最后详细UI细节可以查看Demo，有问题可以及时在论坛留言哦！！！
uo.zip (83.77 KB, 下载次数: 45)

2024-8-16 14:57 上传

点击文件名下载附件
demo

牛逼

季理GiLiGiLi 发表于 2024-7-8 18:18
牛逼