我正在尝试使用JavaFX创建一个将包含在窗格内的矩形网格。我希望这些矩形能够根据窗格的大小自动调整大小以占用可用空间,矩形之间的间隙很小。
我现在使用的代码就是这样,调用createVisual函数来生成包含窗格的组:
public class Visualizer extends NodePart {
private VBox m_vbox;
private AnchorPane m_pane;
public static class ResizableRectanble extends javafx.scene.shape.Rectangle {
public ResizableRectangle(double w, double h) {
super(w,h);
}
@Override
public boolean isResizable() {
return true;
}
@Override
public void resize(double width, double height) {
setWidth(width);
setHeight(height);
}
}
@Override
protected Group createVisual() {
final Group group = new Group() {
@Override
public boolean isResizable() {
return true;
}
@Override
public void resize(double w, double h) {
m_pane.setPrefSize(w,h);
}
};
m_pane = new AnchorPane();
m_pane.setStyle("-fx-background-color : lightcyan; -fx-border-color: silver; -fx-border-width: 3;");
m_pane.setPrefSize(100, 100);
m_pane.setMouseTransparent(false);
m_vbox = new VBox(3.0);
m_vbox.setFillWidth(true);
m_vbox.setMouseTransparent(false);
for(int i=0; i<16; i++) {
HBox hbox = new HBox(3.0);
hbox.setAlignment(Pos.CENTER);
for(int j=0; j<4; j++) {
Rectangle rect = new ResizableRectangle(50.0,50.0);
rect.setStyle("-fx-fill: lime; -fx-border-color: red; -fx-border-width: 3;");
hbox.setHgrow(rect, Priority.ALWAYS);
hbox.getChildren().add(rect);
hbox.setFillHeight(true);
}
}
m_vbox.setVGrow(hbox, Priority.ALWAYS);
m_pane.setTopAnchor(m_vbox, 5.0);
m_pane.setBottomAnchor(m_vbox, 5.0);
m_pane.getChildren().add(m_vbox);
group.getChildren().add(m_pane);
return group;
}
}
当组大小改变时,矩形的宽度不会从初始值改变,这实际上不起作用。矩形的高度也非常小,它们之间有超过3.0像素。
我还试图在m_vbox上设置左右锚点,但它似乎不起作用,因为矩形的大小不到窗格大小的一半。
我已尝试在列和行上使用GridPane和约束,但它不起作用,因为存在重叠。如果可能的话,我更愿意使用VBox和HBox组合。
Eclipse GEF(图形编辑框架)调用此函数在图形中创建节点。我在Eclipse Neon中使用GEF第5版。
我是JavaFX的初学者,非常感谢任何帮助!
编辑,我尝试使用GridPane的代码:
public class Visualizer extends NodePart {
private GridPane m_gridPane;
public static class ResizableRectanble extends javafx.scene.shape.Rectangle {
public ResizableRectangle(double w, double h) {
super(w,h);
}
@Override
public boolean isResizable() {
return true;
}
@Override
public void resize(double width, double height) {
setWidth(width);
setHeight(height);
}
}
@Override
protected Group createVisual() {
final Group group = new Group() {
@Override
public boolean isResizable() {
return true;
}
@Override
public void resize(double w, double h) {
m_gridPane.setPrefSize(w,h);
}
};
m_gridPane = new GridPane();
m_gridPane.setStyle("-fx-background-color : lightcyan; -fx-border-color: silver; -fx-border-width: 3;");
m_gridPane.setPrefSize(100, 100);
m_gridPane.setMouseTransparent(false);
for(int i=0; i<16; i++) {
for(int j=0; j<4; j++) {
if(i == 0) {
ColumnConstraints cc = new ColumnConstraints();
cc.setFillWidth(true);
cc.setHgrow(Priority.ALWAYS);
m_gridPane.getColumnConstraints().add(cc);
}
Rectangle rect = new ResizableRectangle(50.0,50.0);
rect.setStyle("-fx-fill: lime; -fx-border-color: red; -fx-border-width: 3;");
m_gridPane.add(rect, j, i);
}
RowConstraints rc = new RowConstraints();
rc.setFillHeight(true);
rc.setVgrow(Priority.ALWAYS);
m_gridPane.getRowConstraints().add(rc);
}
group.getChildren().add(m_gridPane);
return group;
}
}
编辑2:使用GridPane的代码工作且节点不重叠。但是,没有显示矩形的边框,这使我相信存在重叠。