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

最新推荐文章于 2025-05-29 19:29:53 发布
最新推荐文章于 2025-05-29 19:29:53 发布
阅读量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元/天 解锁文章
【愚公系列】软考高级-架构设计师 085-UML图
时光隧道
05-25 8万+
UML图（Unified Modeling Language diagrams）是一种用于描述和可视化软件系统结构、设计和行为的标准化图形化语言。UML是一种软件工程建模语言，被广泛应用于面向对象系统的分析、设计和实现过程中。UML图分为多种类型，每种类型都用于描述系统的不同方面，包括结构、行为、交互等。类图（Class Diagram）：用于描述系统中的类、属性、方法之间的关系，展示系统的静态结构。用例图（Use Case Diagram）：描述系统的功能需求和用户与系统之间的交互。
【愚公系列】软考高级-架构设计师 078-软件测试
时光隧道
05-18 8万+
软件测试是对软件系统或组件进行评估，以验证它们是否符合指定的需求，并找出软件中的缺陷。它是软件开发生命周期中的一个关键步骤，旨在确保软件的质量、功能和可靠性。
【愚公系列】软考高级-架构设计师 101-系统架构评估
时光隧道
06-15 7万+
系统架构评估（System Architecture Evaluation）是一种系统化的方法，用于分析和评估软件系统的架构设计，确保其满足预期的质量属性和需求。收集相关架构材料。定义评估目标和评估的软件架构。明确要优化的质量属性。介绍ATAM方法的步骤和原则。评估团队与项目干系人一起定义评估的目标，确定评估的软件架构。收集架构文档和相关信息。介绍ATAM方法的步骤，以确保所有参与者了解评估的过程。
【愚公系列】软考高级-架构设计师 093-构件
时光隧道
06-10 7万+
在软件工程中，构件（也称为组件，英文：Component）是一个独立的、可复用的软件单元，它具有明确的功能、接口和行为，并且可以在不同的环境中加以集成和复用。构件的概念是软件架构和组件化开发的核心思想之一，其目的是促进软件系统的模块化、可维护性和可扩展性。在架构设计中，构件（Component）是指系统的重要部分，它们是功能上独立且可以被替代或扩展的模块或单元。外界通过接口访问其提供的服务，构件通常用来划分系统的不同功能或责任，以便更容易管理、维护和扩展整个系统。
【愚公系列】软考高级-架构设计师 108-软件架构演化方式的分类
时光隧道
06-23 7万+
软件架构演化方式可以根据演化的方式和原因进行分类。按照演化方式分类逐步演化：通过逐步迭代的方式对软件架构进行调整和优化，每次演化都是渐进式的。革命性演化：突然性的、全面的架构变革，通常在需要彻底重构或重建时发生。增量式演化：通过不断添加新功能或组件来演化软件架构，保持现有架构的基本结构不变。转换性演化：将软件架构从一种形式转变为另一种形式，通常会涉及到技术栈、架构风格等的转变。按照演化原因分类需求演化：由于需求变化，需要对软件架构进行调整或改进。技术演化。
【愚公系列】软考高级-架构设计师 095-软件架构复用
时光隧道
06-11 7万+
软件架构复用是指在软件开发过程中，重新使用已有的软件架构设计、模式或组件，以提高开发效率、减少成本和保证质量的一种方法。它是软件复用的一种形式，但专注于更高层次的设计和结构，而不仅仅是代码的复用。
【愚公系列】软考高级-架构设计师 092-系统架构设计概述
时光隧道
06-09 7万+
系统架构设计是指在软件工程、信息系统、计算机系统等领域中，定义系统的高层结构和组织方式的过程。系统架构设计的目的是确保系统满足业务需求、性能要求、可维护性和扩展性等方面的需求，同时提供一个清晰的蓝图，指导系统的详细设计和实现。定义架构需求这一阶段包括理解和明确系统需要解决的业务问题、功能需求和非功能需求（如性能、安全性、可用性、可扩展性等）。业务需求：系统需要实现的具体业务功能。功能需求：用户与系统交互的具体功能。非功能需求：系统性能、可扩展性、安全性等方面的要求。选择架构风格。
【愚公系列】软考高级-架构设计师 037-软件开发工具
热门推荐
时光隧道
04-24 9万+
软件开发工具是帮助软件开发者进行有效编程、调试、维护、测试和管理应用程序的软件。这些工具的目标是提高开发效率、简化开发过程、增强代码质量，并支持团队协作。软件开发工具涵盖了从简单的编程工具到复杂的管理系统的广泛范围。
【愚公系列】软考高级-架构设计师 072-软件过程模型（2）
时光隧道
05-14 8万+
软件过程模型是一种规划和组织软件开发过程的方法。你可以把它想象成是一张路线图，它帮助我们在软件开发的整个旅程中找到正确的方向。就像你在旅行前会查看地图一样，我们在开发软件前也会选择一个合适的过程模型，以确保我们按照一定的步骤和顺序来构建软件。过程模型通常由一系列阶段和任务组成，这些任务在软件开发的不同阶段中都有特定的目标。每个阶段都有自己的任务和产出物，这些产出物构成了软件开发的不同部分，最终汇总成完整的软件产品。不同的软件项目可能需要不同的过程模型。
【愚公系列】软考中级-软件设计师 018-数据结构（二叉树的分类）_软件评测师二叉树知识
2401_85122909的博客
06-24 851
构建最优二叉树的基本思路是，首先根据每个节点的权重（即出现频率）进行排序，然后选择权重最小的两个节点作为左右子节点，生成一个新的父节点，并将父节点的权重设置为左右子节点的权重之和。哈夫曼树的求法：给出一组权值，将其中两个最小的权值作为叶子节点，其和作为父节点，组成二叉树，而后删除这两个叶子节点权值，并将父节点的值添加到该组权值中。构造出的哈夫曼树中，所有初始给出的权值都作为了叶子节点，此时，求出每个叶子节点的带权路径长度，而后相加，就是树的带权路径长度，这个长度是最小的。CSS 中常用的实现动画方式,
【愚公系列】软考中级-软件设计师 018-数据结构（二叉树的分类）_软件评测师二叉树知识(1)
2401_84520150的博客
05-13 1170
满二叉树（Full Binary Tree）：除了叶子节点，每个节点都有两个子节点。完全二叉树（Complete Binary Tree）：除了最后一层外，其它层的节点都是满的，最后一层的节点都靠左对齐。二叉搜索树（Binary Search Tree，BST）：对于每个节点，左子树上的所有节点的值都小于等于该节点的值，右子树上的所有节点的值都大于等于该节点的值。平衡二叉树（Balanced Binary Tree）：对于任意节点，它的左子树和右子树的高度差不大于1。
【愚公系列】软考中级-软件设计师 018-数据结构（二叉树的分类）_软件评测师二叉树知识(2)
2401_84520150的博客
05-13 1004
满二叉树（Full Binary Tree）：除了叶子节点，每个节点都有两个子节点。完全二叉树（Complete Binary Tree）：除了最后一层外，其它层的节点都是满的，最后一层的节点都靠左对齐。二叉搜索树（Binary Search Tree，BST）：对于每个节点，左子树上的所有节点的值都小于等于该节点的值，右子树上的所有节点的值都大于等于该节点的值。平衡二叉树（Balanced Binary Tree）：对于任意节点，它的左子树和右子树的高度差不大于1。
【愚公系列】《AIGC辅助软件开发》033-AI辅助开发跑酷游戏：游戏架构设计
时光隧道
08-09 4万+
在游戏开发的世界中，跑酷游戏因其快节奏和极具挑战性的玩法而广受欢迎。然而，设计一个成功的跑酷游戏不仅仅依赖于创意的关卡和角色，还需要一个稳健的游戏架构来支撑整个项目的顺利进行。随着人工智能技术的进步，AI正日益成为游戏架构设计中的关键助手，帮助开发者构建更高效、灵活且可扩展的游戏系统。本文将深入探讨AI如何辅助跑酷游戏的架构设计，包括数据管理、模块化设计、实时性能监测等方面。我们将分享一些实际案例，展示AI在优化架构决策、提升开发效率以及改善游戏性能方面的显著作用。
WPF【11_4】WPF实战-重构与美化(MVVM 架构)
keke10的专栏
05-27 754
点击刷新， UI 则会通过发送事件的方式通知视图模型，而视图模型在收到刷新请求以后，就会去数据库提取数据，然后重新把数据提供给视图。最后，视图与模型之间由于加入了视图模型，所以产生了系统的分层，而数据也得到了有效的隔离，它们之间则是一个间接引用的关系。虽然对于一个 WPF 项目来说，仅仅使用 Model 和 View， 甚至只使用 View 也能完成各种各样复杂的功能，比如说上一章我们的实战项目只有 View， 同样也可以完成客户预约系统的开发。而视图模型作为业务逻辑的载体，也会承担与数数据库的沟通工作。
互联网大厂Java求职面试：AI与大模型应用集成中的架构难题与解决方案
在未来等你的专栏
05-27 964
本文通过一场生动的面试对话，深入探讨了AI与大模型应用集成中的关键技术和实践。从架构设计到性能优化，从多模型调度到冷启动问题，每一步都体现了对技术的深刻理解和实践经验。希望这篇文章能为从事AI开发的工程师们提供有价值的参考。
【芯片设计中的交通网络革命：Crossbar与NoC架构的博弈C架构的博弈】
lu_pete的博客
05-29 618
在芯片设计领域，总线架构如同城市交通网，决定了数据流的通行效率。在这场芯片"交通网络"的进化竞赛中，Crossbar与NoC并非取代关系，而是走向协同融合。智能座舱芯片：选用Crossbar+NoC混合架构，CPU集群用CMN-600 Mesh，外设通过NIC-500 Crossbar接入。Crossbar矩阵：早期的"立交桥"方案，通过M×N交叉开关实现多主多从并行通信，成为中小规模SoC的主流选择。AHB总线：高性能的"城市快速路"，支持多主设备仲裁和突发传输，但全局时钟同步带来功耗瓶颈。
Android 架构演进之路：从 MVC 到 MVI，拥抱单向数据流的革命
程序员吗？
05-26 830
MVI架构是Android开发中的最新架构模式，借鉴React单向数据流思想，通过Model-View-Intent三要素实现清晰的应用结构。相比于MVC、MVP和MVVM，MVI具有单向数据流、状态不可变性和强解耦等优势，使代码更易测试维护。文章详细介绍了MVI的核心概念和实现方法，并以登录功能为例展示了具体实践。虽然存在学习曲线陡峭等挑战，但MVI在大型项目中能显著提升代码质量，是解决传统架构耦合问题的有效方案。
MySQL高可用方案：Keepalived+双主库架构深度解析与实战指南
最新发布
专注于编程、AI、人工智能等多个领域内容研究和分析
05-29 242
MySQL双主+Keepalived高可用方案详解：该架构通过双节点互为主从实现数据强一致性，结合Keepalived实现亚秒级故障转移。核心配置包括MySQL双向复制（需设置自增步长防主键冲突）、Keepalived的VRRP协议管理虚拟IP。实战案例证明方案可支持50万+日订单量，故障恢复时间<1秒。同时指出该方案存在脑裂风险、扩展局限性等问题，建议结合业务特点选择，并定期演练确保高可用性。适用于对RTO要求严格的中小型业务系统。
ODSA架构与操作-1
liudong200618的博客
05-27 699
（Entitlement Configuration Server）作为服务提供商的ODSA网关（图10中标注为“ODSA GW”），向“附属设备ODSA应用”提供授权与配置数据。ODSA客户端应用需在终端用户请求下调用，并按照SGP.21[10]和SGP.22[11]要求捕获合法交互（如用户授权）。（hosting ODSA client）可能具备或不具备服务提供商的有效SIM卡（含激活的配置文件）。（companion device）或主设备的eSIM上。请求设备的ODSA客户端与附属设备间的接口。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值