HBox节点对齐问题：如何让文本左对齐、按钮右对齐？

问题原因 #

你当前的代码存在两个关键问题：

1. topNodes.setAlignment(Pos.CENTER) 会让HBox内的所有子节点整体居中排列，直接导致两个控件都挤在中间区域。
2. btShuffle.setAlignment(Pos.TOP_RIGHT) 对HBox布局无效——HBox不通过控件自身的setAlignment方法控制子节点位置，需要使用HBox专属的布局约束。

修复方案 #

通过添加**占位区域（Region）**填充两个控件之间的剩余空间，实现左控件左对齐、右控件右对齐的效果，具体代码修改如下：

// 清空原有子节点后重新添加
topNodes.getChildren().clear();

// 添加左对齐的answer文本
topNodes.getChildren().add(answer);
answer.setTextAlignment(TextAlignment.LEFT); // 确保文本自身左对齐

// 添加占位区域，占满中间所有剩余空间
Region spacer = new Region();
HBox.setHgrow(spacer, Priority.ALWAYS);
topNodes.getChildren().add(spacer);

// 添加右对齐的Shuffle按钮
topNodes.getChildren().add(btShuffle);

补充说明 #

• 无需设置topNodes.setAlignment(Pos.CENTER)，HBox默认会让子节点在垂直方向居中，水平方向通过占位区域实现左右分布。
• 如果需要让控件在垂直方向贴住HBox顶部，可以设置topNodes.setAlignment(Pos.TOP_LEFT)，子节点会保持顶部对齐的同时，水平方向仍维持左右分布。

内容的提问来源于stack exchange，提问作者Sonny