如何使用场景构建器在java fxml上制作图像按钮？

Question

我正在使用netbeans并希望使用我桌面上的媒体文件来替换枯燥的按钮.

所以这是我的代码.我想要它,所以图像成为按钮.

<Button layoutX="252.0" layoutY="177.0" mnemonicParsing="false" prefHeight="57.0" prefWidth="135.0" text="Button!" textFill="BLUE">
     <font>
        <Font name="Avenir Next Regular" size="13.0" />
     </font>
  </Button>

提前致谢 :)

Answer 1

在fxml文件中,导入映像包:

<?import javafx.scene.image.*?>

然后就在按钮之前,假设image.png位于"images /"目录下,"images /"与.fxml位于同一目录中:

<fx:define>
   <Image fx:id="btnImage" url="images/image.png" />
</fx:define>

然后只需将以下内容添加到按钮定义中即可

<Button layoutX="252.0" layoutY="177.0" mnemonicParsing="false" prefHeight="57.0" prefWidth="135.0" text="Button!" textFill="BLUE">
     <font>
        <Font name="Avenir Next Regular" size="13.0" />
     </font>

     <graphic>
        <ImageView image="$btnImage" />
     </graphic>
  </Button>

Answer 2

问题询问如何使用场景构建器添加。就是这样..

从控件中拖动 imageview 并将其放在按钮顶部。注意层次结构。它应该进入按钮内。然后您可以在检查器中调整大小、来源和其他内容。

在场景构建器中得到了这个结果