写了一个grid的居中布局组件

2.4.7里的layout布局的grid模式仅支持左对齐或右对齐,没有居中对齐,不符合设计需求


因而,我拓展了一个居中的grid布局组件:
传参:单行展示个数、offsetX、offsetY、子元素预制体
布局锚点为(0.5, 0.5)
首先对渲染列表进行分行数据处理,再计算单行的元素的最左边位置和最上一行的y坐标,再根据元素索引得出具体坐标:

最后计算父节点的width\height即可

效果:

源码地址:cocos-component/grid_center.ts at main · wwenying/cocos-component · GitHub

5赞

六六六,源码呢?

源码在这~https://github.com/wwenying/cocos-component/blob/main/grid_center.ts

点赞。多年前就有这个需求,是手动计算坐标分配

点赞,点赞,点赞

牛的,多年前就有这个问题,官方一直没动静