mirror of
https://github.com/galacean/engine.git
synced 2026-05-30 23:35:16 +08:00
27 lines
1.6 KiB
Plaintext
27 lines
1.6 KiB
Plaintext
---
|
|
order: 0
|
|
title: Overview
|
|
type: UI
|
|
label: UI
|
|
---
|
|
|
|
UI is a system used to build user interfaces. It provides a range of tools and components to help developers create interactive interface elements. Here are its key features:
|
|
|
|
- **Visual Editing**: With the basic nodes and component creation capabilities in the [editor](https://galacean.antgroup.com/editor/projects), combined with the `RectTool` (shortcut key `T`), developing interactive interfaces becomes more intuitive and efficient.
|
|
- **Rendering and Interactive Components**: Supports rendering components like `Image`, `Text`, etc., as well as basic interactive components such as `Button`.
|
|
- **Transferable Opacity and Interactivity Attributes**: Through the `UIGroup` component, properties such as **opacity** and **interactivity** can be inherited or ignored.
|
|
- **Events**: In addition to supporting original Pointer events, UI components also support **event bubbling** for interactions triggered by UI components.
|
|
|
|
In this section, you will:
|
|
|
|
- Learn how to quickly develop a UI interface:
|
|
- Create a [Root Canvas](/en/docs/UI/quickStart/canvas)
|
|
- Adjust size and relative layout through [UITransform](/en/docs/UI/quickStart/transform)
|
|
- Create [Image](/en/docs/UI/quickStart/image)
|
|
- Create [Text](/en/docs/UI/quickStart/text)
|
|
- Create [Button](/en/docs/UI/quickStart/button)
|
|
- Create [UIGroup](/en/docs/UI/quickStart/group)
|
|
- Understand the [Overall Architecture and Module Management](/en/docs/UI/system) of UI
|
|
- Learn about [UI Rendering Order](/en/docs/UI/quickStart/order)
|
|
- Understand the [UI Event Mechanism](/en/docs/UI/quickStart/event)
|