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(); }
}