图像按钮javafx

Question

快速提问，如何在fxml中让图像覆盖整个按钮。

因此，按钮的所有可见部分都是边框。由于某种原因，当我试图调整图像大小以适应按钮时，它会自动调整大小。我在使用场景生成器。我正在使用FXML。

按钮大小为prefHeight=“38.0”prefWidth=“50.9990000002526”。

记住我不想看到按钮的背景。我希望它被一张图片覆盖。

谢谢，你们帮了大忙。

Answer 1

您正在寻找的是使用填充

https://docs.oracle.com/javase/8/javafx/api/javafx/scene/layout/Region.html#setPadding-javafx。几何学插图-

public final void setPadding(Insets value);

设置属性填充的值。

属性描述：区域内容周围的顶部、右侧、底部和左侧填充。该空间将包含在区域最小和首选尺寸的计算中。默认情况下，填充为插入。空的应避免将该值设置为null。

它没有提到默认设置，但您可以通过键入按钮轻松获得。getPadding（）

我决定自己测试一下，得到了

 Insets [top=4.0, right=8.0, bottom=4.0, left=8.0]

这就是为什么你有问题，它没有填补。调整大小会影响按钮，图形是按钮的一部分。

接下来，我们必须定义我们的插图以获得所需的效果。

要定义填充，我们需要查看插图

https://docs.oracle.com/javase/8/javafx/api/javafx/geometry/Insets.html

空有一个静态字段，所以让我们使用它。

Button btn = new Button();
btn.setGraphic(new ImageView("image"));
btn.setPadding(Insets.EMPTY);

将产生预期的效果，并产生

Insets [top=0.0, right=0.0, bottom=0.0, left=0.0]

然而仍然有一个边界，可能只有在聚焦时才存在。。。

如果你想摆脱边界，请阅读下面的内容。

我决定测试负值是否有效，实际上-1也有效。

本质上，如果你给插图一个-1的值，它会切断按钮周围的边框，所以按钮本质上是一个图像

public class JavaFXApplication extends Application {

@Override
public void start(Stage primaryStage) {
    Button btn = new Button();
    btn.setGraphic(new ImageView(image));
    btn.setPadding(new Insets(-1,-1,-1,-1));
    btn.setOnAction(new EventHandler<ActionEvent>() {

        @Override
        public void handle(ActionEvent event) {
            System.out.println(btn.getPadding());
        }
    });

    StackPane root = new StackPane();
    root.getChildren().add(btn);

    Scene scene = new Scene(root, 300, 250);

    primaryStage.setTitle("Button Image!");
    primaryStage.setScene(scene);
    primaryStage.show();
}

/**
 * @param args the command line arguments
 */
public static void main(String[] args) {
    launch(args);
}

}