这是一个简单的教程,可建立有关GUI子系统如何工作的基本思想。目标是创建一个简单的静态初始屏幕。

../../_images/robisplash_result.png

以下是包含将要使用的资产的文件。提取的文件可以直接放置在您的项目文件夹中,Godot会自动将其导入。

robisplash_assets.zip

配置

在“项目设置”中将显示分辨率设置为800×450,然后设置一个新场景,如下所示:

../../_images/robisplash_scene.png

节点“背景”和“徽标”属于TextureRect 类型。要显示图像,请将相应的资源拖动到texture属性。

../../_images/robisplash_background_inspector.png

节点“开始”是TextureButton。它为不同的状态拍摄了几张图像,但是在此示例中仅提供正常和按下状态:

../../_images/robisplash_button_inspector.png

最后,节点“ copyright”是Label

您的最终场景应如下所示。

../../_images/robisplash_editor.png

继续并运行该项目。如果您对结果感到满意,请继续下一个教程。