Working with Layouts in JavaFX Sample (original) (raw)

LayoutSampleCSS.java

/*

package layoutsamplecss;

import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.geometry.VPos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.Hyperlink; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.scene.layout.AnchorPane; import javafx.scene.layout.BorderPane; import javafx.scene.layout.FlowPane; import javafx.scene.layout.GridPane; import javafx.scene.layout.HBox; import javafx.scene.layout.Priority; import javafx.scene.layout.StackPane; import javafx.scene.layout.TilePane; import javafx.scene.layout.VBox; import javafx.scene.paint.Color; import javafx.scene.paint.CycleMethod; import javafx.scene.paint.LinearGradient; import javafx.scene.paint.Stop; import javafx.scene.shape.Rectangle; import javafx.scene.text.Font; import javafx.scene.text.FontWeight; import javafx.scene.text.Text; import javafx.stage.Stage;

/**

// Use a border pane as the root for scene BorderPane border = new BorderPane();

// Create HBox for use here and with stack pane HBox hbox = addHBox(); border.setTop(hbox); border.setLeft(addVBox());

// Add a stack to the HBox in the top region addStackPane(hbox);

// Choose either a TilePane or FlowPane for right region and comment out the // one you aren't using
border.setRight(addFlowPane()); // border.setRight(addTilePane());

// Add an anchor pane with a grid pane and HBox to the center region border.setCenter(addAnchorPane(addGridPane()));

    Scene scene = new Scene(border);

// Add a style sheet to the scene
scene.getStylesheets().add("layoutsamplecss/layoutstyles.css"); stage.setScene(scene); stage.setTitle("Layout Sample"); stage.show(); }

/*

// hbox.setPadding(new Insets(15, 12, 15, 12)); // hbox.setSpacing(10); // Gap between nodes // hbox.setStyle("-fx-background-color: #336699;"); // Use style class to set properties previously set above (with some changes)
hbox.getStyleClass().add("hbox");

    Button buttonCurrent = new Button("Current");
    buttonCurrent.setPrefSize(100, 20);

    Button buttonProjected = new Button("Projected");
    buttonProjected.setPrefSize(100, 20);
    
    hbox.getChildren().addAll(buttonCurrent, buttonProjected);
    
    return hbox;
}

/*

// vbox.setPadding(new Insets(10)); // Set all sides to 10 // vbox.setSpacing(8); // Gap between nodes // Use style classes to set properties previously set above
vbox.getStyleClass().addAll("pane", "vbox");

    Text title = new Text("Data");
    title.setFont(Font.font("Arial", FontWeight.BOLD, 14));
    vbox.getChildren().add(title);
    
    Hyperlink options[] = new Hyperlink[] {
        new Hyperlink("Sales"),
        new Hyperlink("Marketing"),
        new Hyperlink("Distribution"),
        new Hyperlink("Costs")};

    for (int i=0; i<4; i++) {
        // Add offset to left side to indent from title
        VBox.setMargin(options[i], new Insets(0, 0, 0, 8));
        vbox.getChildren().add(options[i]);
    }
    
    return vbox;
}

/*

/*

// grid.setHgap(10); // grid.setVgap(10); // grid.setPadding(new Insets(0, 10, 0, 10)); // Use style classes to set properties previously set above (with some changes)
grid.getStyleClass().add("grid");

    // Category in column 2, row 1
    Text category = new Text("Sales:");
    category.setFont(Font.font("Arial", FontWeight.BOLD, 20));
    grid.add(category, 1, 0); 
    
    // Title in column 3, row 1
    Text chartTitle = new Text("Current Year");
    chartTitle.setFont(Font.font("Arial", FontWeight.BOLD, 20));
    grid.add(chartTitle, 2, 0);
    
    // Subtitle in columns 2-3, row 2
    Text chartSubtitle = new Text("Goods and Services");
    grid.add(chartSubtitle, 1, 1, 2, 1);
    
    // House icon in column 1, rows 1-2
    ImageView imageHouse = new ImageView(
                new Image(LayoutSampleCSS.class.getResourceAsStream("graphics/house.png")));
    grid.add(imageHouse, 0, 0, 1, 2);

    // Left label in column 1 (bottom), row 3
    Text goodsPercent = new Text("Goods\n80%");
    GridPane.setValignment(goodsPercent, VPos.BOTTOM);
    grid.add(goodsPercent, 0, 2);
    
    // Chart in columns 2-3, row 3
    ImageView imageChart = new ImageView(
                new Image(LayoutSampleCSS.class.getResourceAsStream("graphics/piechart.png")));
    grid.add(imageChart, 1, 2, 2, 1);
    
    // Right label in column 4 (top), row 3
    Text servicesPercent = new Text("Services\n20%");
    GridPane.setValignment(servicesPercent, VPos.TOP);
    grid.add(servicesPercent, 3, 2);

// grid.setGridLinesVisible(true); return grid; }

/*

// flow.setPadding(new Insets(5, 0, 5, 0)); // flow.setVgap(4); // flow.setHgap(4); // flow.setStyle("-fx-background-color: DAE6F3;"); // Use style classes to set properties previously set above
flow.getStyleClass().addAll("pane", "flow-tile"); flow.setPrefWrapLength(170); // preferred width allows for two columns

    ImageView pages[] = new ImageView[8];
    for (int i=0; i<8; i++) {
        pages[i] = new ImageView(
                new Image(LayoutSampleCSS.class.getResourceAsStream(
                "graphics/chart_"+(i+1)+".png")));
        flow.getChildren().add(pages[i]);
    }

    return flow;
}

/*

// tile.setPadding(new Insets(5, 0, 5, 0)); // tile.setVgap(4); // tile.setHgap(4); // tile.setStyle("-fx-background-color: DAE6F3;"); // Use style classes to set properties previously set above (with some changes)
tile.getStyleClass().addAll("pane", "flow-tile"); tile.setPrefColumns(2);

    ImageView pages[] = new ImageView[8];
    for (int i=0; i<8; i++) {
        pages[i] = new ImageView(
                new Image(LayoutSampleCSS.class.getResourceAsStream(
                "graphics/chart_"+(i+1)+".png")));
        tile.getChildren().add(pages[i]);
    }

    return tile;
}

/*

// hb.setPadding(new Insets(0, 10, 10, 10)); // hb.setSpacing(10); // Use style classes to set properties previously set above (with some changes)
hb.getStyleClass().add("hbox"); hb.setId("hbox-custom"); hb.getChildren().addAll(buttonSave, buttonCancel);

    anchorpane.getChildren().addAll(grid,hb);
    // Anchor buttons to bottom right, anchor grid to top
    AnchorPane.setBottomAnchor(hb, 8.0);
    AnchorPane.setRightAnchor(hb, 5.0);
    AnchorPane.setTopAnchor(grid, 10.0);

    return anchorpane;
}

}