Image JavaFX场景生成器2.0如何将图像添加到标签

我正在使用

JavaFX Scene Builder 2.0

，我想使用FXML将

图像

添加到

标签

---

在中，我们可以找到如何使用Java代码实现这一点，但我想使用Scene Builder实现这一点有两种方法

<Label text= "My Image" id = "labelwithimage"/>

• 使用FXML
• 使用CSS

FXML

<Label text="My Image">
   <graphic>
      <ImageView fitWidth="150" preserveRatio="true" smooth="true">
        <image>
          <Image url="myImage.png"/>
        </image>
      </ImageView>
   </graphic>
</Label>

现在，您可以直接在fxml中分配css值（使事情变得笨拙），也可以创建一个新的css文件并在其中定义属性

直接指派

正如您可能已经猜到的，

-fx graphic

完成了我们在

中编写的所有功能，几乎没有其他属性像

-fx graphic text gap

。您可以在

现在css中的最后一件事是在fxml中加载css。为此，您需要在fxml中包含以下标记

<stylesheets>
    <URL value="@mycss.css" />
</stylesheets>

---

只需确保在FXML中有正确的导入，有两种方法可以实现这一点

• 使用FXML
• 使用CSS

FXML

<Label text="My Image">
   <graphic>
      <ImageView fitWidth="150" preserveRatio="true" smooth="true">
        <image>
          <Image url="myImage.png"/>
        </image>
      </ImageView>
   </graphic>
</Label>

现在，您可以直接在fxml中分配css值（使事情变得笨拙），也可以创建一个新的css文件并在其中定义属性

直接指派

正如您可能已经猜到的，

-fx graphic

完成了我们在

中编写的所有功能，几乎没有其他属性像

-fx graphic text gap

。您可以在

现在css中的最后一件事是在fxml中加载css。为此，您需要在fxml中包含以下标记

<stylesheets>
    <URL value="@mycss.css" />
</stylesheets>

---

只需确保在FXML中有正确的导入，也可以直接在场景生成器中进行导入，而无需手动触摸FXML或CSS

只需将ImageView节点拖放到标签上。然后，可以在添加的ImageView节点上设置图像的路径

或者，您可以将图像文件从文件资源管理器（或等效工具）拖动到场景生成器中的标签上。场景生成器将自动添加中间ImageView节点。然后，您可以根据需要调整路径（文档相对路径、类路径相对路径等）

实际上，该方法与Java代码和FXML的直接修改中的方法相同：只需将ImageView设置为标签的“graphic”节点

---

这同样适用于按钮。

也可以直接在场景生成器中执行，而无需手动触摸FXML或CSS

只需将ImageView节点拖放到标签上。然后，可以在添加的ImageView节点上设置图像的路径

或者，您可以将图像文件从文件资源管理器（或等效工具）拖动到场景生成器中的标签上。场景生成器将自动添加中间ImageView节点。然后，您可以根据需要调整路径（文档相对路径、类路径相对路径等）

实际上，该方法与Java代码和FXML的直接修改中的方法相同：只需将ImageView设置为标签的“graphic”节点

---

这同样适用于按钮。

还有一种方法，在java代码中使用，还有一种方法，在java代码中使用