mirror of
https://github.com/galacean/engine.git
synced 2026-05-22 17:00:49 +08:00
27 lines
1.3 KiB
Plaintext
27 lines
1.3 KiB
Plaintext
---
|
||
order: 0
|
||
title: 总览
|
||
type: UI
|
||
label: UI
|
||
---
|
||
|
||
UI 是用于构建用户界面的系统,它提供了一系列工具和组件方便开发者搭建交互界面元素。以下是它的主要能力:
|
||
|
||
- 可视化编辑:通过[编辑器](https://galacean.antgroup.com/editor/projects)中的基础节点与组件创建能力,搭配 `RectTool` (快捷键 `T` ),让交互界面的开发更加直观高效。
|
||
- 渲染与交互组件:支持 `Image`,`Text` 等渲染组件,以及基础的交互组件,如 `Button`
|
||
- 可传递的透明度与交互属性:通过 `UIGroup` 组件,可以继承或忽略**透明度**,**是否可交互**等属性
|
||
- 事件:在兼容原有的 Pointer 事件的基础上,UI 组件触发的交互事件还支持**冒泡传递**。
|
||
|
||
在本章节,您可以:
|
||
|
||
- 学会如何快速开发 UI 界面:
|
||
- 创建 [根画布](/docs/UI/quickStart/canvas)
|
||
- 通过 [UITransform](/docs/UI/quickStart/transform) 调整尺寸与相对布局
|
||
- 创建 [Image](/docs/UI/quickStart/image)
|
||
- 创建 [Text](/docs/UI/quickStart/text)
|
||
- 创建 [Button](/docs/UI/quickStart/button)
|
||
- 创建 [UIGroup](/docs/UI/quickStart/group)
|
||
- 了解 [UI 的整体架构与模块管理](/docs/UI/system)
|
||
- 了解 [UI 的渲染顺序](/docs/UI/quickStart/order)
|
||
- 了解 [UI 的事件机制](/docs/UI/quickStart/event)
|