Godot 中的按钮

按钮是标准的主题按钮。 它包含文本和任何图标，并将根据当前主题显示它们。

要创建按钮，请单击加号 (+) 符号，然后从对话框中选择按钮。

按钮的创建方式如下面的屏幕截图所示。

我们也可以在按钮上写文字。

这将在按钮上自动显示。

如果我们想要纹理按钮，请删除此节点打开（简单按钮）。 在该节点上右键单击，然后删除该节点，如下所示。

之后，选择 TextureButton 并创建它。

我在这里展示了 TextureButton。

我们可以在这里更改纹理，并根据需要使用按钮纹理。

然后我们必须将两个按钮拖到Normal 和Pressed 部分，然后在屏幕上看到该按钮。 我们还可以在悬停、禁用、聚焦和单击蒙版中填充按钮，但在这里它们对于游戏并不重要。

这是我们选择的按钮。

因此，如果我们按下播放键，我们现在会在输出框中看到一个位于右上角的按钮，当我们按下它时会进行动画处理，但现在什么也不做。

让我们把它放在正确的位置。 并整齐地组织它。

在这里我们希望按钮在文本框字段中。 为此，我们将其拖到该区域。 我们正在创建一个HboxContainer，这与我们之前生成的方式相同。

所以首先创建它，然后像下面那样放置它们。 将其完全拖入其中； 我们必须将其中的PlayerText 和TextureButton 拖入其中。 其中HBoxcontainer是父节点，而PlayerText 和TextureButton是其子节点。

但它看起来不太整洁。 因此，让我们单击PlayerText 并转到大小标志。 我们可以根据需要应用水平和垂直。

我们在这里添加水平扩展，如下面的屏幕截图所示。

然后它将在我们的整个页面上展开。

我们可以根据需要从其属性更改按钮和文本框的大小。 但在这里，两者的尺寸都是完美的。

然后我们正在创建一个标签。 要创建标签，我们做同样的事情。 首先单击加号 (+)，然后构建它。 更改字体和大小。

从这里，我们添加字体、字体大小和文本。

运行它后，输出如下所示

如果我们想在按钮、文本框和标签之间添加一点空间，我们必须转到HBoxContainer，单击它，然后单击自定义常量，并应用12像素在分离，如下所示。 通过分离，我们可以分离我们想要分离多少。

这里我们要打开脚本。

代码的最后一行被添加到VBoxContainer。 我们必须将PlayerText 拖到我们的脚本中，因为我们在这里说了HBoxContainer。

但是，如果我们在运行它。 按钮无法与文本框一起使用。

让按钮工作，让displaytext显示player text框中的任何内容，当按下按钮时。 我们可以查看纹理按钮的文档。 要正确查看，请单击纹理按钮并打开文档。

查看它所有内容，向下滚动以正确理解它。

只需转到它的节点属性，并将函数pressed() 与lonnylips 连接，然后将其连接到脚本中。 我们可以从这里连接信号。

选择LonnyLips，然后连接纹理按钮Pressed()。

代码

截图

然后按播放，现在它正在工作。

我们在文本框上写了一些内容，然后单击按钮，现在它工作正常。

在下一篇教程中，我们将学习数组 if 语句 if-else 语句。