Node Types

Scene中的元素以节点（Node）的形式组织，节点分为三种：Shape、ImageView和Parent，Parent类型的节点又分为控件（Control）和面板（Pane）两种类型。Control提供了图形界面主要的交互功能，例如按钮、文本框、复选框等；Pane提供了图形界面主要的排版（Layout）功能。从上图还能看到一些组合关系，Scene和Parent之间有个1对1的组合关系，Scene必须制定一个根节点，这个根节点必须是Parent类型的；Pane和Node之间存在1对多的组合关系，就是说一个面板上可以放置任何数量任何类型的节点，包括面板节点，我们可以利用面板节点之间的组合和嵌套关系来设计复杂的界面。

创建一个面板并添加一个按钮对象：

‍VBox pane1 = new VBox();

pane1.getChildren().add(new Button("Button1"));‍

创建场景并设置根节点：

‍Scene scene1 = new Scene(pane1, 300, 100);‍

创建一个ImageView对象，并放在面板上（Image对象不是节点是不能直接放在面板上的）：

‍Image img = new Image("cat.png");

ImageView imgV = new ImageView();

imgV.setImage(img);

Pane pane2 = new Pane();

pane2.getChildren().add(imgV);‍

创建一个几何对象，并放在面板上：

‍Circle circle = new Circle();

circle.setCenterX(100);

circle.setCenterY(100);

circle.setRadius(50);

circle.setStroke(Color.RED);

circle.setFill(Color.BLUE);

Pane pane3 = new Pane();

pane3.getChildren().add(circle);‍