Comments on: More Struggling with JavaFX

By: jckteg

jckteg — Sun, 15 Nov 2009 02:53:26 +0000

Look at
http://weblogs.java.net/blog/aim/archive/2009/09/10/javafx12-layout

By: Jasper Potts

Jasper Potts — Thu, 17 Sep 2009 11:09:03 +0000

It looks like a rectangle with stroke is reporting the wrong bounds which VBox is using. I will see if we can fix it. Here is a simple fix for now. Because strokes are centered on the shape they add 1px to the overall size so the -1s are needed to make the stroke inside the given size.

var rec1: Rectangle;
var stage: Stage = Stage {
title: “Rectangles”
width: 200
height: 200
scene: Scene {
content: [
rec1 = Rectangle {
fill: Color.BLACK
width: bind stage.scene.width
height: 50
}
Rectangle {
fill: Color.GRAY
stroke: Color.BLACK
y: bind rec1.height
width: bind stage.scene.width - 1
height: bind stage.scene.height - rec1.height -1
}
]
}
}

It is also recommended to move the width: 200 height:200 into the scene rather than stage as that will make the content area (Scene) 200×200 and make the stage 200×200 + any platform decorations, like the titlebar.

By: Martin

Martin — Fri, 11 Sep 2009 07:32:47 +0000

Thanks Andy, good try! It still does not solve the issue though – the white strip is still there (not sure if it is platform specific – I am using MacOS). Anyway, my main point was – it feels something is not right when seemingly simple things take a lot of effort. When problems such as this one appear it is quite time consuming to debug and resolve. Maybe there are some tricks for how to identify and fix this type of problems efficiently? The NetBeans debugger currently does not seem to be usable for JavaFX, so right now I am debugging by printing out layoutBounds or pref. height/width etc. of objects in a response to certain events to see what’s going on, then doing trial-error approach trying to fix it. Originally I was hoping I can be more productive with JavaFX than with plain Java when it comes to building UI.

By: andy xie

andy xie — Fri, 11 Sep 2009 02:27:36 +0000

var rec1: Rectangle;
var tmp1 = Rectangle { stroke: Color.BLACK };
var tmp2 = Rectangle { };
var gap = tmp1.layoutBounds.width-tmp2.layoutBounds.width;

var stage: Stage = Stage {
title: “Rectangles”
width: 200
height: 200
scene: Scene {
content: [
VBox {
spacing: 0
content: [
rec1 = Rectangle {
fill: Color.BLACK
width: bind stage.scene.width
height: 50
}
Rectangle {
fill: Color.GRAY
width: bind stage.scene.width - gap
height: bind stage.scene.height - rec1.layoutBounds.height - gap
stroke: Color.BLACK
}
]
}
]
}
}