Cocos Creator 3.6 材质升级指南 升级指南:粒子从 v3.5.x 升级到 v3.6.0 场景制作 场景资源 节点和组件 坐标系和节点变换 节点层级和渲染顺序 使用场景编辑器搭建场景 多层次细节 资源系统 资源工作流 图像资源 纹理贴图资源 精灵帧资源 图像资源的自动剪裁 ...
UI 系统 本章将介绍 Cocos Creator 中强大而灵活的 UI(用户界面)系统,通过组合不同 UI 组件来生产能够适配多种分辨率屏幕的、通过数据动态生成和更新显示内容,以及支持多种排版布局方式的 UI 界面。 UI 入门 在引擎中界定 UI 和 2D 渲染对象的区别主要在于适配和交互,所有的 UI 需要在 Canvas 节点下,...
Button 上的点击事件是为了方便设计师在制作 UI 界面时可以自行指定按钮功能而设置的,要让按钮按照自定义的方式响应更多样化的事件,可以参考系统内置事件文档,手动在按钮节点上监听这些交互事件并做出处理。 ProgressBar(进度条) 进度条是由ProgressBar组件驱动一个Sprite节点的属性来实现根据设置的数值显示不同长度或角度...
property } = _decorator;@ccclass("test")export class test extends Component {onLoad () {const clickEventHandler = new EventHandler();clickEventHandler.target = this.node; // 这个 node 节点是你的事件处理代码组件所属的节点clickEventHandler.component = 'test'; // 这个是脚本类名...
CocosCreator 中,用户界面 User-interface(UI)组件和2d渲染对象的区别在于2D 渲染对象一般只负责将2D 对象渲染出来,而 UI 则更多的承担着用户交互的能力。 常用的 UI 控件可通过添加节点的方式来创建。 在层级管理器中点击左上角的+创建节点按钮,然后选择UI来创建所需的 UI 节点,相应的 UI 组件便会自动挂载到节...
想了解的朋友,请查看 CocosCreator3.8研究笔记(十七)CocosCreator UI组件(一)。 今天我们主要介绍CocosCreator 常用容器组件:Layout 组件 、ScrollView 组件 、PageView 组件。 一、Layout 组件 Layout 容器能够开启自动布局功能,开启后,自动按照规范排列所有子物体,方便用户制作列表、翻页等功能。
Layout 组件 Layout 是一种容器组件,容器能够开启自动布局功能,自动按照规范排列所有子物体,方便用户制作列表、翻页等功能。 水平布局容器 垂直布局容器 网格布局容器 选中你要添加组件的节点, 点击属性检查器下面的添加组件按钮,然后从添加 UI 组件中选择Layout,即可添加 Layout 组件到节点上 ...
不要把昂贵的计算逻辑放在主进程。放在主进程会造成 Creator 编辑器界面卡顿,最好放在插件渲染进程或者单独开个子进程。 2、使用 element-plus element-plus 是一个 web 前端常用的 UI 组件库,Cocos Creator 编辑器虽然也提供了一些插件 UI 组件,但是可能并不满足我们的需求,这时候就可以用 element-plus。
Cocos Creator是触控科技推出的最新的开发者工具,实现了彻底的脚本化、组件化、以及数据驱动的特点,当然还有一个更加好用的UI系统, UI系统的基本组成部分和工作流程,所有UI界面的生产都是由最基本的UI元素拼装而成,下面就是UI系统的UI组件的介绍。 通常使用的UI场景 ...
Layout 组件 Layout 是一种容器组件,容器能够开启自动布局功能,自动按照规范排列所有子物体,方便用户制作列表、翻页等功能。 水平布局容器 垂直布局容器 网格布局容器 选中你要添加组件的节点, 点击 属性检查器 下面的添加组件按钮,然后从添加 UI 组件中选择Layout,即可添加 Layout 组件到节点上 ...