Godot 中的标签

标签在屏幕上显示纯文本。它可以控制水平和垂直对齐，并且可以将文本包装在节点的边界矩形内。

我们将在这里创建一个背景纹理和标签。

首先，我们必须创建一个名为 Loony_lips_gfx.gip 的文件夹，其中包含一个名为 the gfx 的文件夹。 在 gfx 文件夹中，我们有四件可以在网上下载的东西，以便在我们的脚本文件中使用到我们的 Godot 引擎中。

我们必须将此文件夹复制到我们在之前的教程中制作的 Loony lips folder 中，就像这样

这是 loony lips 文件夹，我们在其中复制了 gfx 文件夹。

之后，我们打开 Godot 游戏引擎。 所有这些文件夹都在 Godot 引擎中的 loony lips (res://) 文件夹中。

这是 gfx 文件的扩展。

让我们开始制作背景。为此，请单击 loony lips 以查看控件，然后添加一个子项。 要添加子项，我们按加号 (+) 按钮。 我们必须为背景创建 Texturerect。

然后将创建下面的区域。

在背景控件中，有一个选项 texture。 我们必须单击它，然后我们必须选择 load 才能看到这些东西。

如下所示，我们必须选择 load。

然后，在打开这些文件后，单击取消。

我们将背景拖到纹理中以使用背景。

在这里我们有一个可爱的背景，如果我们在这里按播放，那么输出就会出现在这里。

我们也可以点击 expand。 扩展图像。

从这里，我们可以管理背景的布局。

如果我们想测量框，那么我们必须进入视图。 从“显示辅助”功能，我们可以看到边距。 每个绿点都显示区域。

通过 Full Rect 和 Expand feature，我们显示了完整的背景尺寸。

然后输出是

我们也可以从项目设置中进行宽度和高度设置，然后转到 Window 并根据我们的需要更改宽度和高度。

然后会出现一个可爱且可调节的背景。

现在我们将创建一个标签。 为此，我们必须像下面这样点击 loony lips 来创建一个标签。 点击 loony lips 上方的 + 号。

正如我们在下面看到的，创建了标签，我们可以在其中写入我们想要的内容。

我们将更改字体的大小，然后转到自定义字体，然后从此处获取任何大小和更多功能。

我们可以选择自定义字体来点击新建动态字体，然后转到设置，并且我们的 gfx 文件中有一个字体可以拖动并将该字体放入 font 中。 然后更改字体的大小和所有功能，如下所示。

我们从 gfx 字体中拖动字体。

然后背景和标签看起来像那样。

这是输出

我们可以从边距 - 左、上、右、下调整文本，如下所示。

然后会出现此输出

我们还可以根据我们的需要从 Align, Valign 设置对齐方式。 当我们将页面拖小或拖大时，Autowrap 函数主要用于使页面可调节，文本将根据页面自动调整。

以下是一些示例，以便适当理解

如果我们在 Align 中选择 center，在 Valign 中选择 center，那么输出就会出现。 尝试更多。

如果我们在 Align 中选择 Bottom，在 Valign 中选择 center，那么输出就会出现。

这是 Autowrap 函数的示例，其中文本根据页面缩小。

我们还可以通过代码在输出中写入文本，如下所示。 我们必须点击下面的 loony lips 文件以显示代码。

我们在这里使用 get_node，它是 GDScript 中的一个函数。

然后输出是

这里我们将标签名称更改为 DisplayText。

这也是从此处获取数据的第二种类型

然后会出现相同的输出

我们也可以使用 RichTextLabel 代替 Label；它的工作方式有些不同。 在 RichTextLabel 中，还有一个名为 BB 代码的额外功能。 但我们这里不使用它。

下面的代码是 $DisplayText.text= story%prompt 从 the story 中获取数据并将其显示到我们的输出页面，如下所示：在这里，我们启用了 autowrap 以包装文本。 如果我们不启用 the autowrap，那么在输出中，该行不会从中间根据页面大小断开，我们将看不到完整的内容。 因此，此处启用了 Autowrap。

输出

在我们的下一个教程中，我们将学习 Godot 中的 LineEdit。