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, 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
  • Adjust size and relative layout through UITransform
  • Create Image
  • Create Text
  • Create Button
  • Create UIGroup
• Understand the Overall Architecture and Module Management of UI
• Learn about UI Rendering Order
• Understand the UI Event Mechanism