cocos creator学习笔记——使用滚动列表放置数字（格子布局进行排列）

最新推荐文章于 2025-03-06 17:51:06 发布
最新推荐文章于 2025-03-06 17:51:06 发布
阅读量805 收藏 1
点赞数
分类专栏： cocos-creator学习 文章标签： cocos-creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46835101/article/details/122483419
版权
这篇博客介绍了如何使用Cocos Creator创建一个滚动列表，展示1-8的数字，通过格子布局进行排列。步骤包括在层级管理器中添加滚动列表，为content节点添加Layout组件并设置网格布局，创建Label显示数字，调整子节点间距，并最终展示运行结果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

构建以下界面

实现功能：使用滚动列表，放置数字1-8，使用格子布局排列
在这里插入图片描述

首先在层级管理器中新建一个滚动列表

在属性检查器中可以修改节点的内容尺寸
在这里插入图片描述
此例不需要右侧滑动条，直接在层级管理器中删除该节点即可
在这里插入图片描述

选中content节点，在属性检查器中添加Layout组件

在这里插入图片描述
添加后将布局类型改为网格布局，并设置缩放模式和子物体排版模式
ScrollView组件参考
Layout组件参考

最低0.47元/天 解锁文章
Cocos Creator 开发实战——数字滚动
creator_HY的博客
01-27 1746
Cocos Creator 开发实战——数字滚动代码原理 Cocos Creator 开发实战——数字滚动        国际惯例先看效果： 代码        代码比较简单，先看代码后讲原理 properties: { m_label: cc.Node, //m_label: cc.Label, ...
基于cocos-lua实现的数字滚动效果
blanc的博客
03-24 4334
基于cocos-lua实现的数字滚动效果 简述： 项目中需要一个抽奖奖池的显示，基于此，设计一个具有图片滚动功能的控件。 实现思路： 1 创建数字对象（也可以是图片，使用id标记） --变动数字 local function creat_one_change_num(x) local node = XUI.CreateLayout(x, 110, 30, 150) l...
cocos2d实现RollNunber(数字滚动效果)
02-28
这半年一直在用object-c开发一个ios游戏。使用cocos2d和box2d 。开发游戏变的简单多了。这游戏开发了半年多了。直到最近这个游戏停止了，因为资金问题，老大没法在发更多的工资了。哎，真的非常遗憾，我一个人完成游戏的编辑器开发，脚本开发，游戏代码开发，很不容易，因为我学object-c,coco2d才看了2个星期的书就直接开发了,以前是搞c++的吗。感觉4个人开发游戏真的很累，游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下，我共享cocos2d自己写的一些大家比较常用的，因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。如slider(滑块),button(按钮),RollNumber(数字滚动),Progress(进度条)....控件一一在我的博客里面公布，可以直接使用.源码打包下载 开发人员:Jason's.Alex QQ:531401335 csdn博客:http://blog.csdn.net/RuShrooM
怎么在安卓布局里设置滚动字体_cocos creator项目实战【滚动的数字】教程
weixin_39851048的博客
11-22 178
待完善，实现多位数的滚动效果）x的ccc引擎的label组件已经自带简单的数字滚动效果，准备自定义字体配合label，详情可查看官方的吃星星案例，下面主要讲自己代码实现的滚动效果自己代码实现的滚动效果1、 准备0~9的素材2、 滚动的数字，数字需要连接起来，可是我们只能显示一个数字范围，所以我们要把其他的数字裁剪掉3、 9—>0的时候，我们需要9-->0，所以需要2个0~9相连接4、 ...
cocos2.4虚拟列表的实现
最新发布
weixin_49511363的博客
03-06 229
cocos2.4.10虚拟列表的实现
Cocos Creator 数字滚动
07-16
Cocos Creator 数字滚动，Cocos Creator 所有版本都已经可使用
cocos 数字滚动、数字过渡动画
PrimaryColor
04-10 678
/ console.log('修改ing', start + (end - start) * time);console.log('结束了，看看值', sdk.a);
cocoscreator中的自定义数字滚动效果
11-02
cocos creator中的数字滚动，可作为组件直接使用
《Cocos Creator游戏实战》滚动数字
热爱代码
12-21 2023
滚动数字 创建节点 滚动原理 编写脚本 本节我们来实现数字滚动的效果。 运行效果如下： Cocos Creator版本：2.2.0 公众号后台回复"滚动数字"，获取完整项目源码： 创建节点 在层级管理器中我们创建以下节点： esitbox即EditBox控件，用于输入数字。 ok_btn即一个按钮控件，当玩家输完数字，点击按钮后，数字滚动。 all_...
Cocos Creator 3.4.2 实现滚动数字效果
04-18
使用基本组件实现滚动数字效果。 效果图：https://blog.csdn.net/u013152718/article/details/124251430
cocos数字滚动
han_ooo的博客
04-11 1304
egret数字滚动 今天分享一个非常简单的小功能：数字滚动，源码地址在底部。先看效果： 这个效果使用cc.tween制作，代码量非常少，下面这些就是全部的功能代码： 当前代码实现的只有整数部分滚动，没有做小数部分，想要实现小数部分也很简单，只要把set部分的Math.floor(text)更改成Math.floor(text * 100) / 100即可实现小数点后两位滚动。总之很简单的一个小功能...
【cocos creator】金额滚动效果
烧仙草奶茶的博客
02-06 800
【代码】【cocos creator】金额滚动效果。
一个基于CocosCreator的List列表组件
08-11
一个基于CocosCreator的List（列表）组件。支持虚拟列表、不定宽/高、选择模式、滑动模式等。
cocosCreator2.x数字滚动组件 开箱即用
weixin_42253927的博客
05-31 263
cocosCreator 数字滚动组件
CocosCreator数字文本的滚动效果
weixin_40855248的博客
05-22 1337
博客搬家： CocosCreator数字文本的滚动效果
cocos 数字滚动
阿豪
11-28 346
原文链接: cocos 数字滚动 上一篇: ...
cocos2dx lua创建滚动的数字
binzifu
11-26 173
UINumberScroll.lua部分。Tools.numFormat(tostring(num))就是将数字三位隔一个逗号而已。UINumberNode.lua 创建的滚动的节点部分。字体有的 字体png。
游戏中怎么实现滚动数字？Cocos Creator 实现！
一枚小工
11-14 2071
效果预览▌滚动数字的效果预览，位数设置：10，初始值：0，测试时，把显示数字手动修改为 1234567890 的效果，#免费提供代码#，具体获取方法，参考文章结尾部分。使用说明▌创建一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值