Testing GridPane - Java JavaFX

Description

Testing GridPane

Demo Code

import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.HPos;
import javafx.geometry.Insets;
import javafx.geometry.VPos;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ChoiceBox;
import javafx.scene.control.Label;
import javafx.scene.control.Menu;
import javafx.scene.control.MenuBar;
import javafx.scene.control.MenuItem;
import javafx.scene.control.Slider;
import javafx.scene.control.SplitPane;
import javafx.scene.control.TextField;
import javafx.scene.control.ToggleButton;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class Main extends Application {

  public static void main(String[] args) {
    Application.launch(args);/* ww w  .j a v a 2 s. com*/
  }

  @Override
  public void start(Stage primaryStage) {
    Group root = new Group();
    final Scene scene = new Scene(root, 640, 480, Color.BLACK);
    MenuBar menuBar = new MenuBar();
    Menu menu = new Menu("Look and Feel");

    // New Modena Look and Feel
    MenuItem modenaLnf = new MenuItem("Modena");
    modenaLnf.setOnAction(enableCss(STYLESHEET_MODENA, scene));
    menu.getItems().add(modenaLnf);

    // Old default, Caspian Look and Feel
    MenuItem caspianLnf = new MenuItem("Caspian");
    caspianLnf.setOnAction(enableCss(STYLESHEET_CASPIAN, scene));

    menu.getItems().add(caspianLnf);

    menuBar.getMenus().add(menu);
    // stretch menu
    menuBar.prefWidthProperty().bind(primaryStage.widthProperty());

    // Left and right split pane
    SplitPane splitPane = new SplitPane();
    splitPane.prefWidthProperty().bind(scene.widthProperty());
    splitPane.prefHeightProperty().bind(scene.heightProperty());

    // Form on the right
    GridPane rightGridPane = new MyForm();

    GridPane leftGridPane = new GridPaneControlPanel(rightGridPane);
    VBox leftArea = new VBox(10);
    leftArea.getChildren().add(leftGridPane);

    HBox hbox = new HBox();
    hbox.getChildren().add(splitPane);
    VBox vbox = new VBox();
    vbox.getChildren().add(menuBar);
    vbox.getChildren().add(hbox);
    root.getChildren().add(vbox);
    splitPane.getItems().addAll(leftArea, rightGridPane);

    primaryStage.setScene(scene);

    primaryStage.show();

  }

  protected final MenuItem createMenuItem(String label, String css,
      final Scene scene) {
    MenuItem menuItem = new MenuItem(label);
    return menuItem;
  }


  protected final EventHandler<ActionEvent> skinForm(
      final ObservableList<String> cssStyle, final Scene scene) {
    return (ActionEvent event) -> {
      scene.getStylesheets().clear();
      scene.getStylesheets().addAll(cssStyle);
    };
  }

  protected final EventHandler<ActionEvent> enableCss(String style,
      final Scene scene) {
    return (ActionEvent event) -> {

      scene.getStylesheets().clear();
      setUserAgentStylesheet(style);
    };
  }

}

class GridPaneControlPanel extends GridPane {
  public GridPaneControlPanel(final GridPane targetGridPane) {
    super();
    setPadding(new Insets(5));
    setHgap(5);
    setVgap(5);

    Label gridLinesLbl = new Label("Grid Lines");
    final ToggleButton gridLinesToggle = new ToggleButton("Off");
    gridLinesToggle.selectedProperty()
        .addListener(
            (ObservableValue<? extends Boolean> ov, Boolean oldValue,
                Boolean newVal) -> {
              targetGridPane.setGridLinesVisible(newVal);
              gridLinesToggle.setText(newVal ? "On" : "Off");
            });

    // toggle grid lines label
    GridPane.setHalignment(gridLinesLbl, HPos.RIGHT);
    add(gridLinesLbl, 0, 0);

    // toggle grid lines
    GridPane.setHalignment(gridLinesToggle, HPos.LEFT);
    add(gridLinesToggle, 1, 0);

    // Setting padding [top]
    Label gridPaddingLbl = new Label("Top Padding");

    final Slider gridPaddingSlider = new Slider();
    gridPaddingSlider.setMin(0);
    gridPaddingSlider.setMax(100);
    gridPaddingSlider.setValue(5);
    gridPaddingSlider.setShowTickLabels(true);
    gridPaddingSlider.setShowTickMarks(true);
    gridPaddingSlider.setMinorTickCount(1);
    gridPaddingSlider.setBlockIncrement(5);

    gridPaddingSlider
        .valueProperty()
        .addListener(
            (ObservableValue<? extends Number> ov, Number oldVal, Number newVal) -> {
              double top1 = targetGridPane.getInsets().getTop();
              double right1 = targetGridPane.getInsets().getRight();
              double bottom1 = targetGridPane.getInsets().getBottom();
              double left1 = targetGridPane.getInsets().getLeft();
              Insets newInsets = new Insets((double) newVal, right1, bottom1,
                  left1);
              targetGridPane.setPadding(newInsets);
            });

    // padding adjustment label
    GridPane.setHalignment(gridPaddingLbl, HPos.RIGHT);
    add(gridPaddingLbl, 0, 1);

    // padding adjustment slider
    GridPane.setHalignment(gridPaddingSlider, HPos.LEFT);
    add(gridPaddingSlider, 1, 1);

    // Setting padding [top]
    Label gridPaddingLeftLbl = new Label("Left Padding");

    final Slider gridPaddingLeftSlider = new Slider();
    gridPaddingLeftSlider.setMin(0);
    gridPaddingLeftSlider.setMax(100);
    gridPaddingLeftSlider.setValue(5);
    gridPaddingLeftSlider.setShowTickLabels(true);
    gridPaddingLeftSlider.setShowTickMarks(true);
    gridPaddingLeftSlider.setMinorTickCount(1);
    gridPaddingLeftSlider.setBlockIncrement(5);

    gridPaddingLeftSlider
        .valueProperty()
        .addListener(
            (ObservableValue<? extends Number> ov, Number oldVal, Number newVal) -> {
              double top1 = targetGridPane.getInsets().getTop();
              double right1 = targetGridPane.getInsets().getRight();
              double bottom1 = targetGridPane.getInsets().getBottom();
              double left1 = targetGridPane.getInsets().getLeft();
              Insets newInsets = new Insets(top1, right1, bottom1,
                  (double) newVal);
              targetGridPane.setPadding(newInsets);
            });

    // padding adjustment label
    GridPane.setHalignment(gridPaddingLeftLbl, HPos.RIGHT);
    add(gridPaddingLeftLbl, 0, 2);

    // padding adjustment slider
    GridPane.setHalignment(gridPaddingLeftSlider, HPos.LEFT);
    add(gridPaddingLeftSlider, 1, 2);

    // Horizontal gap
    Label gridHGapLbl = new Label("Horizontal Gap");

    final Slider gridHGapSlider = new Slider();
    gridHGapSlider.setMin(0);
    gridHGapSlider.setMax(100);
    gridHGapSlider.setValue(5);
    gridHGapSlider.setShowTickLabels(true);
    gridHGapSlider.setShowTickMarks(true);
    gridHGapSlider.setMinorTickCount(1);
    gridHGapSlider.setBlockIncrement(5);

    gridHGapSlider
        .valueProperty()
        .addListener(
            (ObservableValue<? extends Number> ov, Number oldVal, Number newVal) -> {
              targetGridPane.setHgap((double) newVal);
            });

    // hgap label
    GridPane.setHalignment(gridHGapLbl, HPos.RIGHT);
    add(gridHGapLbl, 0, 3);

    // hgap slider
    GridPane.setHalignment(gridHGapSlider, HPos.LEFT);
    add(gridHGapSlider, 1, 3);

    // Vertical gap
    Label gridVGapLbl = new Label("Vertical Gap");

    final Slider gridVGapSlider = new Slider();
    gridVGapSlider.setMin(0);
    gridVGapSlider.setMax(100);
    gridVGapSlider.setValue(5);
    gridVGapSlider.setShowTickLabels(true);
    gridVGapSlider.setShowTickMarks(true);
    gridVGapSlider.setMinorTickCount(1);
    gridVGapSlider.setBlockIncrement(5);

    gridVGapSlider
        .valueProperty()
        .addListener(
            (ObservableValue<? extends Number> ov, Number oldVal, Number newVal) -> {
              targetGridPane.setVgap((double) newVal);
            });

    // vgap label
    GridPane.setHalignment(gridVGapLbl, HPos.RIGHT);
    add(gridVGapLbl, 0, 4);

    // vgap slider
    GridPane.setHalignment(gridVGapSlider, HPos.LEFT);
    add(gridVGapSlider, 1, 4);

    // Cell Column
    Label cellCol = new Label("Cell Column");
    final TextField cellColFld = new TextField("0");

    // cell Column label
    GridPane.setHalignment(cellCol, HPos.RIGHT);
    add(cellCol, 0, 5);

    // cell Column field
    GridPane.setHalignment(cellColFld, HPos.LEFT);
    add(cellColFld, 1, 5);

    // Cell Row
    Label cellRowLbl = new Label("Cell Row");
    final TextField cellRowFld = new TextField("0");

    // cell Row label
    GridPane.setHalignment(cellRowLbl, HPos.RIGHT);
    add(cellRowLbl, 0, 6);

    // cell Row field
    GridPane.setHalignment(cellRowFld, HPos.LEFT);
    add(cellRowFld, 1, 6);

    // Horizontal Alignment
    Label hAlignLbl = new Label("Horiz. Align");
    final ChoiceBox hAlignFld = new ChoiceBox(
        FXCollections.observableArrayList("CENTER", "LEFT", "RIGHT"));
    hAlignFld.getSelectionModel().select("LEFT");

    // cell Row label
    GridPane.setHalignment(hAlignLbl, HPos.RIGHT);
    add(hAlignLbl, 0, 7);

    // cell Row field
    GridPane.setHalignment(hAlignFld, HPos.LEFT);
    add(hAlignFld, 1, 7);

    // Vertical Alignment
    Label vAlignLbl = new Label("Vert. Align");
    final ChoiceBox vAlignFld = new ChoiceBox(
        FXCollections
            .observableArrayList("BASELINE", "BOTTOM", "CENTER", "TOP"));
    vAlignFld.getSelectionModel().select("TOP");
    // cell Row label
    GridPane.setHalignment(vAlignLbl, HPos.RIGHT);
    add(vAlignLbl, 0, 8);

    // cell Row field
    GridPane.setHalignment(vAlignFld, HPos.LEFT);
    add(vAlignFld, 1, 8);

    // Vertical Alignment
    Label cellApplyLbl = new Label("Cell Constraint");
    final Button cellApplyButton = new Button("Apply");
    cellApplyButton.setOnAction((ActionEvent event) -> {
      for (Node child : targetGridPane.getChildren()) {

        int targetColIndx = 0;
        int targetRowIndx = 0;
        try {
          targetColIndx = Integer.parseInt(cellColFld.getText());
          targetRowIndx = Integer.parseInt(cellRowFld.getText());
        } catch (NumberFormatException e) {

        }
        System.out.println("child = " + child.getClass().getSimpleName());
        int col = GridPane.getColumnIndex(child);
        int row = GridPane.getRowIndex(child);
        if (col == targetColIndx && row == targetRowIndx) {
          GridPane.setHalignment(
              child,
              HPos.valueOf(hAlignFld.getSelectionModel().getSelectedItem()
                  .toString()));
          GridPane.setValignment(
              child,
              VPos.valueOf(vAlignFld.getSelectionModel().getSelectedItem()
                  .toString()));
        }
      }
    });

    // cell Row label
    GridPane.setHalignment(cellApplyLbl, HPos.RIGHT);
    add(cellApplyLbl, 0, 9);

    // cell Row field
    GridPane.setHalignment(cellApplyButton, HPos.LEFT);
    add(cellApplyButton, 1, 9);
  }
}

class MyForm extends GridPane {
  public MyForm() {

    setPadding(new Insets(5));
    setHgap(5);
    setVgap(5);

    Label fNameLbl = new Label("First Name");
    TextField fNameFld = new TextField();
    Label lNameLbl = new Label("Last Name");
    TextField lNameFld = new TextField();
    Label ageLbl = new Label("Age");
    TextField ageFld = new TextField();

    Button saveButt = new Button("Save");

    // First name label
    GridPane.setHalignment(fNameLbl, HPos.RIGHT);
    add(fNameLbl, 0, 0);

    // Last name label
    GridPane.setHalignment(lNameLbl, HPos.RIGHT);
    add(lNameLbl, 0, 1);

    // Age label
    GridPane.setHalignment(ageLbl, HPos.RIGHT);
    add(ageLbl, 0, 2);

    // First name field
    GridPane.setHalignment(fNameFld, HPos.LEFT);
    add(fNameFld, 1, 0);

    // Last name field
    GridPane.setHalignment(lNameFld, HPos.LEFT);
    add(lNameFld, 1, 1);

    // Age Field
    GridPane.setHalignment(ageFld, HPos.RIGHT);
    add(ageFld, 1, 2);

    // Save button
    GridPane.setHalignment(saveButt, HPos.RIGHT);
    add(saveButt, 1, 3);

  }
}

• Previous
• Next

Related Tutorials

• Creating a Form Using JavaFX Controls to Enter Person Details
• Adding Components to a Layout
• Manipulating Layout via Grids
• set All Column in JavaFX GridPane Horizontal Grow
• set Column Horizontal Grow in JavaFX GridPane