JavaFX 如何在 GridPane 的 HBox 中垂直对齐 CheckBox答案

【问题标题】：JavaFX How to Vertically Align CheckBox in an HBox in a GridPaneJavaFX 如何在 GridPane 的 HBox 中垂直对齐 CheckBox
【发布时间】：2016-09-22 21:31:29
【问题描述】：

首先，生成说明问题的 UI 的代码：

package test;

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.geometry.VPos;
import javafx.scene.Scene;
import javafx.scene.control.CheckBox;
import javafx.scene.control.ComboBox;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class Main extends Application {

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

    @Override
    public void start(final Stage window) throws Exception {
        // Create a VBox to hold the table and button
        final GridPane root = new GridPane();
        root.setHgap(5);
        root.setVgap(5);

        // Add a combo-box to the first row
        final ComboBox<String> dropdown1 = new ComboBox<>();
        dropdown1.getItems().add("Option 1");
        dropdown1.getSelectionModel().selectFirst();
        root.add(dropdown1, 0, 0);

        // Add a checkbox to the first row
        final CheckBox checkbox1 = new CheckBox("CB Text 1");
        root.add(checkbox1, 1, 0);

        // Add a combo-box to the second row
        final ComboBox<String> dropdown2 = new ComboBox<>();
        dropdown2.getItems().add("Option 2");
        dropdown2.getSelectionModel().selectFirst();
        root.add(dropdown2, 0, 1);

        // Add a checkbox, wrapped in an HBox, to the second row
        final CheckBox checkbox2 = new CheckBox("CB Text 2");
        final HBox hbox = new HBox(checkbox2);
        hbox.setAlignment(Pos.BASELINE_LEFT);
        root.add(hbox, 1, 1);
        GridPane.setValignment(hbox, VPos.BASELINE);

        // Show the JavaFX window
        final Scene scene = new Scene(root);
        window.setScene(scene);
        window.show();
    }
}

以上代码生成如下 UI（Java 8u102 Windows x64）：

如图所示，第二行中CheckBox 的垂直对齐方式与ComboBox 未对齐。我希望一切都在文本基线上对齐。如何在不删除HBox 的情况下让GridPane 中的第二行匹配第一行的对齐方式？

【问题讨论】：

例如，您可以使用：hbox.setAlignment(Pos.CENTER_LEFT); 和 checkbox2.setAlignment(Pos.CENTER_LEFT);。

标签： java javafx java-8 javafx-8

【解决方案1】：

修改填充违规单元格的代码如下：

// Add a checkbox, wrapped in an HBox, to the second row
final CheckBox checkbox2 = new CheckBox("CB Text 2");
final HBox hbox = new HBox(checkbox2);
hbox.setFillHeight(true);          // Added this
hbox.setAlignment(Pos.CENTER_LEFT);// Changed the alignment to center-left
root.add(hbox, 1, 1);
//GridPane.setValignment(hbox, VPos.BASELINE); This is unnecessary

此代码将强制HBox 与行的高度相同，然后将CheckBox 在其中垂直居中。

【讨论】：