/* 
 * 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.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;

// To display thumb image
public class ThumbImageView extends CustomNode {
    
    public var photo: Photo;
    
    public var index: Integer;    
    public var x: Number;
    public var y: Number;
    public var width: Number;
    public var height: Number;
    
    override var translateX = bind x;
    override var translateY = bind y;
    
    var bgRect = Rectangle {
        x: 0 y: 0 width: width height: height
        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}", 60);
        }
    }
    
    public var image: Image;
    var imageView: ImageView = ImageView {
        x: 2
        y: 2
        image: bind image
        fitWidth: width - 4
        fitHeight: height - 4
    };
        
    override function create() : Node {
        Group {
            content: [ bgRect, imageView ]
        }
    }
    
    public override var onMousePressed = function(e:MouseEvent) {
        Main.thumbSelIndex = index;
        Main.showFullImage(index);
        Main.focusOnGrid = true;
    }
}
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.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;

// To display thumb image
public class ThumbImageView extends CustomNode {
    
    public var photo: Photo;
    
    public var index: Integer;    
    public var x: Number;
    public var y: Number;
    public var width: Number;
    public var height: Number;
    
    override var translateX = bind x;
    override var translateY = bind y;
    
    var bgRect = Rectangle {
        x: 0 y: 0 width: width height: height
        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}", 60);
        }
    }
    
    public var image: Image;
    var imageView: ImageView = ImageView {
        x: 2
        y: 2
        image: bind image
        fitWidth: width - 4
        fitHeight: height - 4
    };
        
    override function create() : Node {
        Group {
            content: [ bgRect, imageView ]
        }
    }
    
    public override var onMousePressed = function(e:MouseEvent) {
        Main.thumbSelIndex = index;
        Main.showFullImage(index);
        Main.focusOnGrid = true;
    }
}