javafx-2 - 如何在大按钮内对齐图标和文本？

Question

我有一个很大的按钮(minWidth和minHeight显式设置为大数字)，并且在那个大按钮内有一个相对较小的图标和一些文本。图标和文本不会占用所有可用空间，并且最终被放置在按钮的中心。

我想将图标和文本放在按钮的左侧。但是似乎我不理解所有这些对齐方式的含义，因为将alignment设置为BASELINE_LEFT或将textAlignment设置为LEFT并没有改变任何事情。

我该如何解决？

Answer 1

属性textAlignment控制多行文本的对齐方式，因此对您没有帮助。

但是两者

 btn.setStyle("-fx-alignment: LEFT;");

或者

 btn.setAlignment(Pos.BASELINE_LEFT);

应该为您工作。请参见下面的示例。

public class ILoveBigButtonsAndICannotLie extends Application {

    @Override
    public void start(Stage primaryStage) {
        Button btn = new Button();
        btn.setText("Button");
        btn.setGraphic(new Rectangle(10,10, Color.RED));
        btn.setMinHeight(200);
        btn.setMinWidth(250);
        //btn.setStyle("-fx-alignment: LEFT;");
        btn.setAlignment(Pos.BASELINE_LEFT);

        StackPane root = new StackPane();
        root.getChildren().add(btn);
        primaryStage.setScene(new Scene(root, 300, 250));
        primaryStage.show();
    }

    public static void main(String[] args) { launch(); }
}