6.Group组件

关于Group组件的简单介绍

• 首先，Group组件自己并不是一个“布局”类的组件，它只是一个容器，没有提供调解内部组件展示位置的方法，也就是说，当我们将多个组件(比如button)放在group中时，他们（根据流式规则？）会全部挤在窗口的左上角，当然，假如我们没有设置组件的大小的话，那么大小也是默认的。
  
• 假如我们想要调解组件的位置，可以使用组件的方法来调解，比如Button的setLayoutX()和setLayoutY()
  
• 涉及到的类
  1.Group类，一个容器，可以装一些组件
  
• 涉及到的方法（今后以后无参构造方法，不在介绍，默认已经使用）
  1.getChildren().add()  将组件添加进入它的孩子列表
  

1. Group group=new Group();
2. group.getChildren().add();

复制代码

2.getChildren().addAll() 将多个组件一并添加进入group中(这里以button为例)

1. group.getChildren().addAll(b1,b2,b3)

复制代码

比如下面的例子

1. /*这里我们只粘贴了application的start方法，启动类不在展示，从此以后也是如此*/
2. @Override
3.     public void start(Stage primaryStage) throws Exception {
4.         Button button1=new Button();
5.        //Button的方法preHeight()，可以改变按钮大小
6.         button1.prefHeight(20);
7.         button1.prefWidth(40);
8.         Button button2=new Button();
9.         Button button3=new Button();     
13.         Group root=new Group();
14.         root.getChildren().add(button1);
15.         root.getChildren().add(button2);
16.         root.getChildren().add(button3);
20.         Scene scene=new Scene(root);
21.         primaryStage.setScene(scene);
22.         primaryStage.setTitle("JavaFx");
23.         primaryStage.setWidth(800);
24.         primaryStage.setHeight(800);
25.         primaryStage.setOpacity(0.7);
26.         primaryStage.show();
27.     }

复制代码

我们使用Button的方法，调解位置之后

1. import java.net.URL;
3. import javafx.application.Application;
4. import javafx.application.HostServices;
5. import javafx.scene.Cursor;
6. import javafx.scene.Group;
7. import javafx.scene.Scene;
8. import javafx.scene.control.Button;
9. import javafx.scene.image.Image;
10. import javafx.stage.Modality;
11. import javafx.stage.Stage;
12. import javafx.stage.StageStyle;
14. public class Lanch extends Application {
16.     @Override
17.     public void start(Stage primaryStage) throws Exception {
18.         Button button1=new Button("b1");   
20.         button1.setPrefWidth(50);
21.         button1.setPrefHeight(25);
22.         button1.setLayoutX(0);
23.         button1.setLayoutY(0);
25.         Button button2=new Button("b2");
27.         button2.setPrefWidth(50);
28.         button2.setPrefHeight(25);
29.         button2.setLayoutX(60);
30.         button2.setLayoutY(0);
32.         Button button3=new Button("b3");  
34.         button3.setPrefWidth(50);   
35.         button3.setPrefHeight(25);
36.         button3.setLayoutX(120);
37.         button3.setLayoutY(0);
38.         
40.         Group root=new Group();
41.         root.getChildren().add(button1);
42.         root.getChildren().add(button2);
43.         root.getChildren().add(button3);
47.         Scene scene=new Scene(root);
48.         primaryStage.setScene(scene);
49.         primaryStage.setTitle("JavaFx");
50.         primaryStage.setWidth(800);
51.         primaryStage.setHeight(800);
52.         primaryStage.show();
53.     }
54. }

复制代码

我们发现位置已经被调解好了
3.getChildren().clear()清理部署在它上面的所有组件,getChildren().remove(int index)按苏索引清除掉某个组件
我们实现点击b1,b3消散的逻辑

1. @Override
2.     public void start(Stage primaryStage) throws Exception {
3.       
5.         Button button1=new Button("b1");   
7.         button1.setPrefWidth(50);
8.         button1.setPrefHeight(25);
9.         button1.setLayoutX(0);
10.         button1.setLayoutY(0);
11.    
12.         Button button2=new Button("b2");
14.         button2.setPrefWidth(50);
15.         button2.setPrefHeight(25);
16.         button2.setLayoutX(60);
17.         button2.setLayoutY(0);
19.         Button button3=new Button("b3");  
21.         button3.setPrefWidth(50);   
22.         button3.setPrefHeight(25);
23.         button3.setLayoutX(120);
24.         button3.setLayoutY(0);
34.         Group root=new Group();
35.         root.getChildren().add(button1);
36.         root.getChildren().add(button2);
37.         root.getChildren().add(button3);
41.         
42.          /*
43.          * 实现一个点击b1,b3消失的逻辑
44.          */
46.          button1.setOnMouseClicked(e->{
47.                root.getChildren().remove(2);
48.          });//使用lamda表达式简化匿名类的书写
52.         Scene scene=new Scene(root);
53.         primaryStage.setScene(scene);
54.         primaryStage.setTitle("JavaFx");
55.         primaryStage.setWidth(800);
56.         primaryStage.setHeight(800);
57.         primaryStage.show();
58.     }

复制代码

点击按钮前

点击按钮后

特别注意：我们假如修改group的一些属性，那么它的子组件的对应属性也会跟着改变
一些代码

1. [/code][i]last but not least[/i]：以下是JavaFx文档中Group类文档*
2. [url=https://openjfx.cn/javadoc/22/javafx.graphics/javafx/scene/Group.html]https://openjfx.cn/javadoc/22/javafx.graphics/javafx/scene/Group.html[/url]
3. 4.[i]contains(double localX, double localY)[/i]是Group的爷爷类中实现的方法,功能是判断点(localX,localY)上是否是子组件的左上角点坐标
4. 代码如下
5. [code]System.out.println(root.contains(0,0));

复制代码

5.getChildren().toArray()将子组件以数组的形式拿出来
代码如下

1.   /*
2.   * 将Group中的子组件拿出来
3.   */
4.         Object[] object=root.getChildren().toArray();
5.         for(Object o:object){
6.             Button button=(Button)(o);
7.             button.setPrefHeight(75);
8.         }

复制代码

6.设置一个监听事件，监听group中的组件数目改变
[code] root.getChildren().addListener(new ListChangeListener() {            @Override            public void onChanged(Change