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 interesting.view;

import javafx.scene.Node;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import interesting.model.Photo;
import interesting.Main;
import javafx.scene.layout.Container;

// To display thumb image
public class ThumbImageView extends Container {
    public var photo: Photo;
    public var index: Integer;    
    public var x: Number;
    public var y: Number;
    public var tiwidth: Number;
    public var tiheight: Number;
    def imagewidthheight = 4;
    def imageXY = 2;
    def rect_XY = 0;
    def Padding_selected = 60;
    def bgRect_widthheight = 65;
    override var translateX = bind x;
    override var translateY = bind y;
    var bgRect = Rectangle {
        x: rect_XY
        y: rect_XY
        width: bgRect_widthheight
        height: bgRect_widthheight
        stroke: bind if (Main.focusOnGrid and selected) {
            Color.WHITE;
        }
        else {
            Color.BLACK;
          }
        fill: Color.BLACK
    }
    public var selected: Boolean on replace {
        if(selected) { 
            Main.description = Main.trimString("{photo.title}", Padding_selected);
        }
    }
    
    public var image: Image;
    var imageView: ImageView = ImageView {
        x: imageXY
        y: imageXY
        image: bind image
        fitWidth: width - imagewidthheight
        fitHeight: height - imagewidthheight
    };

    init{
        children = [
            bgRect,
            imageView
        ]
    }
       
    public override var onMousePressed = function(e:MouseEvent) {
        Main.thumbSelIndex = index;
        Main.showFullImage(index);
        Main.focusOnGrid = true;
    }
}
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 interesting.view;

import javafx.scene.Node;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import interesting.model.Photo;
import interesting.Main;
import javafx.scene.layout.Container;

// To display thumb image
public class ThumbImageView extends Container {
    public var photo: Photo;
    public var index: Integer;    
    public var x: Number;
    public var y: Number;
    public var tiwidth: Number;
    public var tiheight: Number;
    def imagewidthheight = 4;
    def imageXY = 2;
    def rect_XY = 0;
    def Padding_selected = 60;
    def bgRect_widthheight = 65;
    override var translateX = bind x;
    override var translateY = bind y;
    var bgRect = Rectangle {
        x: rect_XY
        y: rect_XY
        width: bgRect_widthheight
        height: bgRect_widthheight
        stroke: bind if (Main.focusOnGrid and selected) {
            Color.WHITE;
        }
        else {
            Color.BLACK;
          }
        fill: Color.BLACK
    }
    public var selected: Boolean on replace {
        if(selected) { 
            Main.description = Main.trimString("{photo.title}", Padding_selected);
        }
    }
    
    public var image: Image;
    var imageView: ImageView = ImageView {
        x: imageXY
        y: imageXY
        image: bind image
        fitWidth: width - imagewidthheight
        fitHeight: height - imagewidthheight
    };

    init{
        children = [
            bgRect,
            imageView
        ]
    }
       
    public override var onMousePressed = function(e:MouseEvent) {
        Main.thumbSelIndex = index;
        Main.showFullImage(index);
        Main.focusOnGrid = true;
    }
}