cocos creator学习笔记1

最新推荐文章于 2024-03-25 00:16:40 发布

原创最新推荐文章于 2024-03-25 00:16:40 发布 · 910 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#游戏

cocos creator学习笔记专栏收录该内容

2 篇文章

订阅专栏

本文探讨了Widget组件在游戏开发中的作用，如何实现UI自动对齐和尺寸约束，以及Layout组件如何进行容器布局，包括水平、垂直和网格布局的原理。同时介绍了StartAxis、CellSize等关键属性。

Widgt组件（UI组件）
Widget (对齐挂件) 是一个很常用的 UI 布局组件。它能使当前节点自动对齐到父物体的任意位置，或者约束尺寸，让你的游戏可以方便地适配不同的分辨率。
在这里插入图片描述
Widget (对齐挂件) 是一个很常用的 UI 布局组件。它能使当前节点自动对齐到父物体的任意位置，或者约束尺寸，让你的游戏可以方便地适配不同的分辨率。
Top,Left,Right，Buttom
对齐对应边界
HorizontalCenter水平方向居中
VerticalCenter竖直方向居中
Align Mode 指定 widget 的对齐方式，用于决定运行时 widget 应何时更新

Layout组件
Layout 是一种容器组件，容器能够开启自动布局功能，自动按照规范排列所有子物体，方便用户制作列表、翻页等功能。
水平布局容器

垂直布局容器

网格布局容器

Start Axis 此属性只在 Grid 布局时存在，指定网格容器里面元素排版指定的起始方向轴。
Cell Size 此属性只在 Grid 布局、Children 缩放模式时存在，指定网格容器里面排版元素的大小。
Spacing X 水平排版时，子物体与子物体在水平方向上的间距。NONE 模式无此属性。
Horizontal Direction 指定水平排版时，第一个子节点从容器的左边还是右边开始布局。当容器为 Grid 类型时，此属性和 Start Axis 属性一起决定 Grid 布局元素的起始水平排列方向。