Wie Spanne Spalten einer gridpane manuell in javafx?

Ich versuche zu entwerfen, ein layout mit gridpane enthält 2 Zeilen und 2 Spalten. Oben Links und oben rechts im Bereich Aktien, die Breite , beide erhalten 50% von ihm. Aber in der zweiten Zeile, die ich brauche unten rechts zu bekommen 60% der Breite, so linken unteren Bereich 40%.

Ich habe auch versucht spaning Spalten wie [[2col.,2col][1col,3col]] - matrix. Es hat nicht funktioniert auch nicht.

Hier ist mein code;

public class Main extends Application {

@Override
public void start(Stage primaryStage) throws Exception {
    Group root = new Group();
    primaryStage.setTitle("Hello World");
    Scene scene = new Scene(root, 1700, 1200);


    //zoneTopLeft, spans 2 column
    VBox zoneTopLeft = createBaseContainer();
    //zoneTopRight, spans 2 columns
    VBox zoneTopRight = createBaseContainer();
    //zoneBottomLeft, spans 1 columns
    VBox zoneBottomLeft = createBaseContainer();
    //zoneBottomRight,spans 3 columns
    VBox zoneBottomRight = createBaseContainer();



    ColumnConstraints topRight=new ColumnConstraints();
    topRight.setPrefWidth(300);
    ColumnConstraints topLeft=new ColumnConstraints();
    topRight.setPrefWidth(300);
    ColumnConstraints bottomRight=new ColumnConstraints();
    topRight.setPrefWidth(400);
    ColumnConstraints bottomLeft=new ColumnConstraints();
    topRight.setPrefWidth(200);

    GridPane page=new GridPane();
    page.getColumnConstraints().addAll(topLeft,topRight,bottomLeft,bottomRight);
    page.setHgap(10);
    page.setVgap(10);
    page.add(zoneTopLeft, 0, 0);
    //       page.setColumnSpan(zoneTopLeft, 2);
    page.add(zoneTopRight, 1, 0); //2,0 for spaning
    //       page.setColumnSpan(zoneTopRight,2);
    page.add(zoneBottomLeft, 0, 1);
    //       page.setColumnSpan(zoneBottomLeft,1);
    page.add(zoneBottomRight, 1, 1);
    //       page.setColumnSpan(zoneBottomRight,3);

    root.getChildren().addAll(page);


    primaryStage.setScene(scene);
    primaryStage.show();


}

private VBox createBaseContainer() {
    VBox base = new VBox(); //box
    base.setPrefWidth(250);
    base.setPrefHeight(200);
    base.setStyle("-fx-border-width: 1;-fx-border-color: red");
    // base.prefWidthProperty().bind(scene.widthProperty());

    BorderPane top = new BorderPane(); //top area of base
    top.prefWidthProperty().bind(base.prefWidthProperty());
    top.setPrefHeight(33);
    top.setLeft(setBaseTitle());
    top.setRight(setBaseButtons());
    top.setStyle("-fx-border-width: 1;-fx-border-color: blue");

    StackPane bottom = new StackPane(); //bottom are of base, content keeper

    base.getChildren().addAll(top, bottom);
    return base;
}


private Node setBaseButtons() {
    return new HBox();
}

private Node setBaseTitle() {

    return new Label();
}


public static void main(String[] args) {
    launch(args);
}
Ok, ich hab das problem jetzt. Ich war die Anordnung derselben prefWidths und prefHeights, während ich die Erstellung vBoxes für gridpane Zellen. Ich änderte diese vBoxes pref-Größen wie will ich in meinem Layout. ich werde den code wenn ich darf 8 Stunden später.

InformationsquelleAutor cengha | 2014-05-30

  1. 10

    Dies mit einem GridPane, betrachten Sie es als mit drei Spalten mit den breiten 40%, 10% und 50%. Den oberen linken Knoten umfasst, die erste und zweite Spalte, die rechts oben nur die Dritte Spalte. Das Links unten ist nur in der ersten Spalte der unteren rechten erstreckt sich über die zweite und Dritte Spalte.

    Etwas wie:

    |   c1   |c2|     c3    |
_________________________
|----------- | -----------|
|-------- | --------------|

    Im code etwas wie:

    Node topLeft ;
Node topRight ;
Node bottomLeft ;
Node bottomRight ;

GridPane page = new GridPane();
//page.add(Node, colIndex, rowIndex, colSpan, rowSpan):
page.add(topLeft, 0, 0, 2, 1);
page.add(topRight, 2, 0, 1, 1);
page.add(bottomLeft, 0, 2, 1, 1);
page.add(bottomRight, 1, 1, 2, 1);


ColumnConstraints col1Constraints = new ColumnConstraints();
col1Constraints.setPercentWidth(40);
ColumnConstraints col2Constraints = new ColumnConstraints();
col2Constraints.setPercentWidth(10);
ColumnConstraints col3Constraints = new ColumnConstraints();
col3Constraints.setPercentWidth(50);
page.getColumnConstraints().addAll(col1Constraints, col2Constraints, col3Constraints);

    Edit: text geändert von getColumnContraints zu getColumnConstraints.

    warum rowSpan zu 1 für jedermann?

    InformationsquelleAutor James_D

  2. 2

    Es ist eine sehr gute Lösung von @James_D dort oben. In meinem code, ich war die Zuordnung selben Größen für alle vBoxes. So gibt es andere lösen dieses problem - eigentlich können wir es nennen Befestigung grundlegenden Fehler. Hier arbeitet die code-Stück :

       public class Main extends Application {

@Override
public void start(Stage primaryStage) throws Exception {
    Group root = new Group();
    primaryStage.setTitle("Hello World");
    Scene scene = new Scene(root, 650, 550);



    VBox zoneTopLeft = createBaseContainer(300,300);
    VBox zoneTopRight = createBaseContainer(300,300);
    VBox zoneBottomLeft = createBaseContainer(200,200);
    VBox zoneBottomRight = createBaseContainer(400,200);


    GridPane page=new GridPane();
    page.setHgap(10);
    page.setVgap(10);
    page.add(zoneTopLeft, 0, 0);
    page.setColumnSpan(zoneTopLeft, 2);
    page.add(zoneTopRight, 2, 0);
    page.setColumnSpan(zoneTopRight,2);
    page.add(zoneBottomLeft, 0, 1);
    page.add(zoneBottomRight, 1, 1);
    page.setColumnSpan(zoneBottomRight,3);

    root.getChildren().addAll(page);


    primaryStage.setScene(scene);
    primaryStage.show();


}

private VBox createBaseContainer(double width,double height) {
    VBox base = new VBox(); //box
    base.setPrefWidth(width);
   base.setPrefHeight(height);
    base.setStyle("-fx-border-width: 1;-fx-border-color: red");
    // base.prefWidthProperty().bind(scene.widthProperty());

    BorderPane top = new BorderPane(); //top area of base
    top.prefWidthProperty().bind(base.prefWidthProperty());
    top.setPrefHeight(33);
    top.setLeft(setBaseTitle());
    top.setRight(setBaseButtons());
    top.setStyle("-fx-border-width: 1;-fx-border-color: blue");

    StackPane bottom = new StackPane(); //bottom are of base, content keeper

    base.getChildren().addAll(top, bottom);
    return base;
}


private Node setBaseButtons() {
    return new HBox();
}

private Node setBaseTitle() {

    return new Label();
}


public static void main(String[] args) {
    launch(args);
}
    Die statische Methode setColumnSpan(Knoten, Integer) Typ GridPane zugegriffen werden soll, in einer statischen Weise. Es wäre besser, verwenden Gridpane.setColumnSpan(zoneTopLeft, 2)

    InformationsquelleAutor cengha

Schreibe einen Kommentar