Prevent Group from lapping out of it's parent Pane

Question

I added a group into a pane beside another. How can I prevent that a group laps out of it's parent pane.
Example Screenshot (Button is in another pane than the group):
http://imageshack.us/photo/my-images/62/groupv.jpg/
Example code :
* To change this template, choose Tools | Templates
* and open the template in the editor.
package javafxapplication1;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.CircleBuilder;
import javafx.stage.Stage;
* @author DSE
public class JavaFXApplication1 extends Application {
@Override
public void start(Stage primaryStage) {
BorderPane root = new BorderPane();
Button btn = new Button();
btn.setText("Why??");
root.setLeft(btn);
Group group = new Group();
root.setCenter(group);
Circle circle = CircleBuilder.create()
.centerX(0)
.centerY(0)
.radius(170)
.fill(Color.RED)
.build();
group.getChildren().add(circle);
Scene scene = new Scene(root, 300, 250);
primaryStage.setScene(scene);
primaryStage.show();
public static void main(String[] args) {
launch(args);
Edited by: 980774 on 09.01.2013 04:44

Answer 1

It's a quirk of BorderPane, see the JavaDoc =>
http://docs.oracle.com/javafx/2/api/javafx/scene/layout/BorderPane.html
"BorderPane does not clip its content by default, so it is possible that childrens' bounds may extend outside its own bounds if a child's min size prevents it from being fit within it space."
I'm not such a big fan of JavaFX 2's BorderPane due to it's strange sizing behaviour for it's children.
A quick work around this quirk is to add the center content first so that it will be layered underneath the other panes in the BorderPane and have the root of the other child panes of your border pane be unbounded resizable Panes which fill their available area with an opaque color which will paint over the overflowing center pane.
import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.control.Button;
import javafx.scene.layout.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.CircleBuilder;
import javafx.stage.Stage;
public class JavaFXApplication1 extends Application {
  @Override public void start(Stage stage) {
    BorderPane root = new BorderPane();
    Group group = new Group();
    root.setCenter(group);
    Button btn = new Button();
    btn.setText("Why??");
    root.setLeft(btn);
    VBox leftPane = new VBox();
    leftPane.setStyle("-fx-background-color: white;");
    leftPane.getChildren().add(btn);
    root.setLeft(leftPane);
    Circle circle = CircleBuilder.create()
            .centerX(0)
            .centerY(0)
            .radius(170)
            .fill(Color.RED)
            .build();
    group.getChildren().add(circle);
    stage.setScene(new Scene(root, 300, 250));
    stage.show();
  public static void main(String[] args) { launch(args); }
}Perhaps somebody has an alternate or better solution?
Perhaps there is a related jira issue to make this simpler or more intuitive?
http://javafx-jira.kenai.com/browse/RT-17441 "add boolean clipContent property to Region to make it easier to turn clipping on/off for layout containers"