/* 
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER
 * Copyright 2009 Sun Microsystems, Inc. All rights reserved. Use is subject to license terms. 
 * 
 * This file is available and licensed under the following license:
 * 
 * Redistribution and use in source and binary forms, with or without 
 * modification, are permitted provided that the following conditions are met:
 *
 *   * Redistributions of source code must retain the above copyright notice, 
 *     this list of conditions and the following disclaimer.
 *
 *   * Redistributions in binary form must reproduce the above copyright notice,
 *     this list of conditions and the following disclaimer in the documentation
 *     and/or other materials provided with the distribution.
 *
 *   * Neither the name of Sun Microsystems nor the names of its contributors 
 *     may be used to endorse or promote products derived from this software 
 *     without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
package interesting.view;

import javafx.scene.Node;
import javafx.scene.CustomNode;
import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.paint.Stop;
import javafx.scene.paint.LinearGradient;
import javafx.scene.shape.Rectangle;

// Background
public class Background extends CustomNode {
        
    public var width: Number;
    public var height: Number;
    
    public var thumbBoundsX : Number;
    public var thumbBoundsY : Number;
    public var thumbBoundsW : Number;
    public var thumbBoundsH : Number;
    public var descTextY: Number;
    
    var bgRect = Rectangle {
        x: 0 y: 0 width: bind width height: bind height
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 1.0, endY: 1.0
            proportional: true
            stops: [ 
                Stop { offset: 0.0 color: Color.rgb(0, 95, 157) },
                Stop { offset: 0.5 color: Color.BLACK },
                Stop { offset: 1.0 color: Color.rgb(0, 95, 157) }
            ]
        }
    }
    
    var borderRect = Rectangle {
        x: bind thumbBoundsX - 2
        y: bind thumbBoundsY - 2
        width: bind (width - (2.0 * (thumbBoundsX - 2)))
        height: bind thumbBoundsH + 4
        strokeWidth: 1.0
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 1.0, endY: 1.0
            proportional: true
            stops: [ 
                Stop { offset: 0.0 color: Color.rgb(0, 35, 51) },
                Stop { offset: 1.0 color: Color.rgb(0, 25, 41) }
            ]
        }
        arcWidth: 15
        arcHeight: 15
        smooth: true
    }
    
    var bgFillRect = Rectangle {
        x: bind thumbBoundsX - 4
        y: bind thumbBoundsY - 4
        width: bind (width - (2.0 * (thumbBoundsX - 4)))
        height: bind thumbBoundsH + 8
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 1.0, endY: 1.0
            proportional: true
            stops: [ 
                Stop { offset: 0.0 color: Color.BLACK },
                Stop { offset: 0.5 color: Color.rgb(0, 114, 171) },
                Stop { offset: 1.0 color: Color.rgb(0, 35, 51) }
            ]
        }
        arcWidth: 15
        arcHeight: 15
    }
    
    override function create() : Node {
        Group {
            focusTraversable: true
            content: [ bgRect, bgFillRect, borderRect ]
        }
    }
}
JavaFX Sample

/* 
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER
 * Copyright 2009 Sun Microsystems, Inc. All rights reserved. Use is subject to license terms. 
 * 
 * This file is available and licensed under the following license:
 * 
 * Redistribution and use in source and binary forms, with or without 
 * modification, are permitted provided that the following conditions are met:
 *
 *   * Redistributions of source code must retain the above copyright notice, 
 *     this list of conditions and the following disclaimer.
 *
 *   * Redistributions in binary form must reproduce the above copyright notice,
 *     this list of conditions and the following disclaimer in the documentation
 *     and/or other materials provided with the distribution.
 *
 *   * Neither the name of Sun Microsystems nor the names of its contributors 
 *     may be used to endorse or promote products derived from this software 
 *     without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
package interesting.view;

import javafx.scene.Node;
import javafx.scene.CustomNode;
import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.paint.Stop;
import javafx.scene.paint.LinearGradient;
import javafx.scene.shape.Rectangle;

// Background
public class Background extends CustomNode {
        
    public var width: Number;
    public var height: Number;
    
    public var thumbBoundsX : Number;
    public var thumbBoundsY : Number;
    public var thumbBoundsW : Number;
    public var thumbBoundsH : Number;
    public var descTextY: Number;
    
    var bgRect = Rectangle {
        x: 0 y: 0 width: bind width height: bind height
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 1.0, endY: 1.0
            proportional: true
            stops: [ 
                Stop { offset: 0.0 color: Color.rgb(0, 95, 157) },
                Stop { offset: 0.5 color: Color.BLACK },
                Stop { offset: 1.0 color: Color.rgb(0, 95, 157) }
            ]
        }
    }
    
    var borderRect = Rectangle {
        x: bind thumbBoundsX - 2
        y: bind thumbBoundsY - 2
        width: bind (width - (2.0 * (thumbBoundsX - 2)))
        height: bind thumbBoundsH + 4
        strokeWidth: 1.0
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 1.0, endY: 1.0
            proportional: true
            stops: [ 
                Stop { offset: 0.0 color: Color.rgb(0, 35, 51) },
                Stop { offset: 1.0 color: Color.rgb(0, 25, 41) }
            ]
        }
        arcWidth: 15
        arcHeight: 15
        smooth: true
    }
    
    var bgFillRect = Rectangle {
        x: bind thumbBoundsX - 4
        y: bind thumbBoundsY - 4
        width: bind (width - (2.0 * (thumbBoundsX - 4)))
        height: bind thumbBoundsH + 8
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 1.0, endY: 1.0
            proportional: true
            stops: [ 
                Stop { offset: 0.0 color: Color.BLACK },
                Stop { offset: 0.5 color: Color.rgb(0, 114, 171) },
                Stop { offset: 1.0 color: Color.rgb(0, 35, 51) }
            ]
        }
        arcWidth: 15
        arcHeight: 15
    }
    
    override function create() : Node {
        Group {
            focusTraversable: true
            content: [ bgRect, bgFillRect, borderRect ]
        }
    }
}