JavaFX 各种内建built-in布局管理器的使用


部分关键代码：
package com.han;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.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.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;public class Layouts extends Application { public static void main(String[] args) {
launch(args);
} @Override
public void start(Stage primaryStage) throws Exception {
// 初始化
primaryStage.setTitle("Layouts in JavaFX");
BorderPane root = new BorderPane();
Scene scene = new Scene(root, 700, 500);
scene.getStylesheets().add(
getClass().getResource("style.css").toString());
primaryStage.setScene(scene); // 定义顶部的2个button
Button button1 = new Button("Current");
button1.setStyle("-fx-base: red;");
Button button2 = new Button("Projected");
button1.setPrefWidth(100);
button2.setPrefWidth(100);
button1.setPrefHeight(20);
button2.setPrefHeight(20); // 定义帮助按钮
StackPane stackPane = new StackPane();
Rectangle helpIcon = new Rectangle();
helpIcon.setWidth(30.0);
helpIcon.setHeight(25.0);
helpIcon.setArcWidth(3.5);
helpIcon.setArcHeight(3.5);
helpIcon.setFill(new LinearGradient(0, 0, 0, 1, true,
CycleMethod.NO_CYCLE, new Stop(0, Color.web("#4977A3")),
new Stop(0.5, Color.web("#B0C6DA")), new Stop(1, Color
.web("#9CB6CF"))));
helpIcon.setStroke(Color.web("#D0E6FA"));
Text text = new Text();
text.setText("?");
text.setFont(Font.font("Verdana", FontWeight.BOLD, 18));
text.setFill(Color.WHITE);
text.setStroke(Color.web("#7080A0"));
stackPane.getChildren().addAll(helpIcon, text);
stackPane.setAlignment(Pos.CENTER_RIGHT);// 所有节点向右对齐
StackPane.setMargin(text, new Insets(0, 10, 0, 0));// Center "?" // 使用HBox来设置BorderPane的顶部位置
HBox hBox = new HBox();
hBox.getChildren().addAll(button1, button2, stackPane);
// give the stack pane any extra space
HBox.setHgrow(stackPane, Priority.ALWAYS);
hBox.getStyleClass().add("h-box");
root.setTop(hBox); // 使用VBox来设置BorderPane的左边位置
VBox vBox = new VBox();
vBox.getStyleClass().add("v-box");
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 (Hyperlink e : options) {
VBox.setMargin(e, new Insets(0, 0, 0, 8));
vBox.getChildren().add(e);
}
root.setLeft(vBox); // 使用AnchorPane来设置BorderPane的中间位置
// AnchorPane中包含GridPane
GridPane gridPane = new GridPane();
gridPane.getStyleClass().add("grid-pane");
gridPane.setGridLinesVisible(true);
// Category in column 2, row 1
Text category = new Text("Sales:");
category.setFont(Font.font("Arial", FontWeight.BOLD, 20));
gridPane.add(category, 1, 0);
// Title in column 3, row 1
Text chartTitle = new Text("Current year");
chartTitle.setFont(Font.font("Arial", FontWeight.BOLD, 20));
gridPane.add(chartTitle, 2, 0);
// Subtitle in column 2-3, row 2
Text chartSubtitle = new Text("Goods and Services");
gridPane.add(chartSubtitle, 1, 1, 2, 1);
// House icon in column 1, row 1-2
ImageView houseIcon = new ImageView(getClass().getResource(
"Graphics/house.png").toString());
gridPane.add(houseIcon, 0, 0, 1, 2);
// Left label in column 1 (bottom), row 3
Text goodsPercent = new Text("Goods\n80%");
GridPane.setValignment(goodsPercent, VPos.BOTTOM);
gridPane.add(goodsPercent, 0, 2);
// Chart in column 2-3, row 3
ImageView chartImage = new ImageView(getClass().getResource(
"Graphics/piechart.png").toExternalForm());
gridPane.add(chartImage, 1, 2, 2, 1);
// Right label in column 4 (top), row 3
Text servicesPercent = new Text("Services\n20%");
GridPane.setValignment(servicesPercent, VPos.TOP);
gridPane.add(servicesPercent, 3, 2); Button buttonSave = new Button("Save");
Button buttonCancel = new Button("Cancel");
HBox hBox2 = new HBox();
hBox2.setSpacing(10);
hBox2.getChildren().addAll(buttonSave, buttonCancel);
AnchorPane anchorPane = new AnchorPane();
anchorPane.getChildren().addAll(gridPane, hBox2);
AnchorPane.setBottomAnchor(hBox2, 10.0);
AnchorPane.setRightAnchor(hBox2, 10.0);
AnchorPane.setTopAnchor(gridPane, 10.0);
// Add the anchorPane to the center of border pane
root.setCenter(anchorPane); // 使用FlowPane来设置BorderPane的右边位置
// (注：TilePane和FlowPane类似，只不过与FlowPane不同，TilePane每个tile的大小是相同的)
FlowPane flowPane = new FlowPane();// Define a horizontal flow pane
flowPane.getStyleClass().add("flow-pane");
for (int i = 0; i < 8; i++) {
flowPane.getChildren().add(
new ImageView(getClass().getResource(
"Graphics/chart_" + (i + 1) + ".png")
.toExternalForm()));
}
root.setRight(flowPane); // 设置初始化焦点获得者（after the component has been realized, but just before the
// frame is displayed）
button2.requestFocus();
// 显示程序界面
primaryStage.show();
}}全部代码见CSDN资源下载：http://download.csdn.net/detail/gaowen_han/5497695JavaJavaFX布局管理器实践使用CSS