Attention: Here be dragons

This is the latest (unstable) version of this documentation, which may document features not available in or compatible with released stable versions of Godot.

User interface (UI)

In this section of the tutorial we explain the basics of creating a graphical user interface (GUI) in Godot.

UI building blocks

Like everything else in Godot the user interface is built using nodes, specifically Control nodes. There are many different types of controls which are useful for creating specific types of the GUI. For simplicity we can separate them into two groups: content and layout.

Typical content controls include:

Typical layout controls include:

The following pages explain the basics of using such controls.

GUI 皮肤与主题

Godot 的控件节点具有完善的皮肤/主题系统。本节中的页面将说明该系统的好处,以及如何在你的项目中启用它。

控件节点教程

以下文章涵盖了特定控件节点的具体细节。