License text 

/*
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER 
 * Copyright  2008, 2010 Oracle and/or its affiliates.  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 Oracle Corporation 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 pathanimation;

import javafx.scene.*;
import javafx.scene.image.*;
import javafx.scene.input.*;
import javafx.scene.paint.*;
import javafx.scene.shape.*;
import javafx.scene.layout.Container;

def APP_PADDING = 4;
def PADDING = 2 ;

public class ScenarioButton extends Container {
    public-init var index: Integer;
    public-init var thumbIcon: Image;
    var active = bind (index == pathanimation.Main.currentIndex);
    public def SIZE = 40*pathanimation.Main.S;
    init{
        children = [
            Rectangle {
                width: SIZE
                height: SIZE
                arcWidth: SIZE / APP_PADDING
                arcHeight: SIZE / APP_PADDING
                fill: null
                stroke: bind if (active) then Color.YELLOW else Color.MEDIUMBLUE
                strokeWidth: 4
             },
             Rectangle {
                 width: SIZE
                 height: SIZE
                 arcWidth: SIZE / APP_PADDING
                 arcHeight: SIZE / APP_PADDING
                 fill: RadialGradient {
                     centerX: 0.5
                     centerY: 0.5
                     stops: [
                         Stop { offset: 0.0 color: Color.DARKBLUE },
                         Stop { offset: 0.8 color: Color.BLACK }
                     ]
                 }
                 onMousePressed: function(e: MouseEvent) {
                     pathanimation.Main.currentIndex = index;
                 }
             },
             ImageView {
                 x: (SIZE - thumbIcon.width) / PADDING
                 y: (SIZE - thumbIcon.height) / PADDING
                 image: thumbIcon

             }
        ]
    }
}
JavaFX Sample
License text 

/*
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER 
 * Copyright  2008, 2010 Oracle and/or its affiliates.  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 Oracle Corporation 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 pathanimation;

import javafx.scene.*;
import javafx.scene.image.*;
import javafx.scene.input.*;
import javafx.scene.paint.*;
import javafx.scene.shape.*;
import javafx.scene.layout.Container;

def APP_PADDING = 4;
def PADDING = 2 ;

public class ScenarioButton extends Container {
    public-init var index: Integer;
    public-init var thumbIcon: Image;
    var active = bind (index == pathanimation.Main.currentIndex);
    public def SIZE = 40*pathanimation.Main.S;
    init{
        children = [
            Rectangle {
                width: SIZE
                height: SIZE
                arcWidth: SIZE / APP_PADDING
                arcHeight: SIZE / APP_PADDING
                fill: null
                stroke: bind if (active) then Color.YELLOW else Color.MEDIUMBLUE
                strokeWidth: 4
             },
             Rectangle {
                 width: SIZE
                 height: SIZE
                 arcWidth: SIZE / APP_PADDING
                 arcHeight: SIZE / APP_PADDING
                 fill: RadialGradient {
                     centerX: 0.5
                     centerY: 0.5
                     stops: [
                         Stop { offset: 0.0 color: Color.DARKBLUE },
                         Stop { offset: 0.8 color: Color.BLACK }
                     ]
                 }
                 onMousePressed: function(e: MouseEvent) {
                     pathanimation.Main.currentIndex = index;
                 }
             },
             ImageView {
                 x: (SIZE - thumbIcon.width) / PADDING
                 y: (SIZE - thumbIcon.height) / PADDING
                 image: thumbIcon

             }
        ]
    }
}