Create a class for see a rectangle

Question

Hi guys,
i have this problem, i create this easy class:
/* file Rectangle.fx */
package javafxapplication4;
import javafx.geometry.Rectangle2D;
import javafx.scene.CustomNode;
public class Rectangle extends CustomNode{
public var x:Number;
public var y:Number;
public var width:Number;
public var height:Number;
public function getArea():Number{
var risultato:Number;
risultato=width*height;
public function getBounds():Rectangle{
Rectangle{
x:x
y:y
width:width
height:height
public override function toString():String{
"Rectangle ({x},{y}) "
i use this class in this file Main.fx
package javafxapplication4;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.Node.*;
var stg :Stage=Stage {
title: "Application title"
scene: Scene {
width: 250
height: 80
var retg=Rectangle{ x:5,y:5,width:10,height:10};
var area=retg.getArea();
content: [
Text {
font: Font {
size: 16
x: 50
y: 50
content: "Area of {retg} is {area}";
retg.getBounds() // Insert this for see the rectangle
when i run this applicatino i don't see the rectangle, i see the text but not the rectangle,
can you help me?
thanks for all, best regads
Antonio

Answer 1

Create Custom Controls Programmatically
You can create custom controls by using either of the following approaches:
•     Extend the CustomNode or Control classes.
•     Apply CSS styles and provide a custom skin.
The following code fragment illustrates the first approach by creating a custom UI control with an image.
class MyControl extends CustomNode {
    var button: Node[];
    var image: Image;
    override function create() {
        HBox {
            spacing: 5
            nodeVPos: VPos.CENTER
            content: bind [button, ImageView {image: image}]
}For more information take a look at
http://download.oracle.com/javafx/1.3/howto/UI-Controls-Tutorial.html#custom