ensemble.samples.graphics.DisplayShelfSample Maven / Gradle / Ivy
The newest version!
/*
* Copyright (c) 2008, 2012 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 ensemble.samples.graphics;
import ensemble.Sample;
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.beans.InvalidationListener;
import javafx.beans.Observable;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.collections.ObservableList;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Parent;
import javafx.scene.control.ScrollBar;
import javafx.scene.effect.PerspectiveTransform;
import javafx.scene.effect.ReflectionBuilder;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Region;
import javafx.scene.shape.Rectangle;
import javafx.util.Duration;
/**
* A display shelf of images using the PerspectiveTransform effect.
*
* @see javafx.scene.effect.PerspectiveTransform
* @see javafx.scene.effect.Reflection
* @see javafx.scene.control.ScrollBar
* @see javafx.scene.input.MouseEvent
* @see javafx.scene.input.KeyEvent
* @resource animal1.jpg
* @resource animal2.jpg
* @resource animal3.jpg
* @resource animal4.jpg
* @resource animal5.jpg
* @resource animal6.jpg
* @resource animal7.jpg
* @resource animal8.jpg
* @resource animal9.jpg
* @resource animal10.jpg
* @resource animal11.jpg
* @resource animal12.jpg
* @resource animal13.jpg
* @resource animal14.jpg
*/
public class DisplayShelfSample extends Sample {
private static final double WIDTH = 450, HEIGHT = 300;
public DisplayShelfSample() {
super(495,300);
// load images
Image[] images = new Image[14];
for (int i = 0; i < 14; i++) {
images[i] = new Image( DisplayShelfSample.class.getResource("animal"+(i+1)+".jpg").toExternalForm(),false);
}
// create display shelf
DisplayShelf displayShelf = new DisplayShelf(images);
displayShelf.setPrefSize(WIDTH, HEIGHT);
getChildren().add(displayShelf);
}
/**
* A ui control which displays a browsable display shelf of images
*/
public static class DisplayShelf extends Region {
private static final Duration DURATION = Duration.millis(500);
private static final Interpolator INTERPOLATOR = Interpolator.EASE_BOTH;
private static final double SPACING = 50;
private static final double LEFT_OFFSET = -110;
private static final double RIGHT_OFFSET = 110;
private static final double SCALE_SMALL = 0.7;
private PerspectiveImage[] items;
private Group centered = new Group();
private Group left = new Group();
private Group center = new Group();
private Group right = new Group();
private int centerIndex = 0;
private Timeline timeline;
private ScrollBar scrollBar = new ScrollBar();
private boolean localChange = false;
private Rectangle clip = new Rectangle();
public DisplayShelf(Image[] images) {
// set clip
setClip(clip);
// set background gradient using css
setStyle("-fx-background-color: linear-gradient(to bottom," +
" black 60, #141414 60.1%, black 100%);");
// style scroll bar color
scrollBar.setStyle("-fx-base: #202020; -fx-background: #202020;");
// create items
items = new PerspectiveImage[images.length];
for (int i=0; i() {
public void handle(MouseEvent me) {
localChange = true;
scrollBar.setValue(index);
localChange = false;
shiftToCenter(item);
}
});
}
// setup scroll bar
scrollBar.setMax(items.length-1);
scrollBar.setVisibleAmount(1);
scrollBar.setUnitIncrement(1);
scrollBar.setBlockIncrement(1);
scrollBar.valueProperty().addListener(new InvalidationListener() {
public void invalidated(Observable ov) {
if(!localChange)
shiftToCenter(items[(int)scrollBar.getValue()]);
}
});
// create content
centered.getChildren().addAll(left, right, center);
getChildren().addAll(centered,scrollBar);
// listen for keyboard events
setFocusTraversable(true);
setOnKeyPressed(new EventHandler() {
public void handle(KeyEvent ke) {
if (ke.getCode() == KeyCode.LEFT) {
shift(1);
localChange = true;
scrollBar.setValue(centerIndex);
localChange = false;
} else if (ke.getCode() == KeyCode.RIGHT) {
shift(-1);
localChange = true;
scrollBar.setValue(centerIndex);
localChange = false;
}
}
});
// update
update();
}
@Override protected void layoutChildren() {
// update clip to our size
clip.setWidth(getWidth());
clip.setHeight(getHeight());
// keep centered centered
centered.setLayoutY((getHeight() - PerspectiveImage.HEIGHT) / 2);
centered.setLayoutX((getWidth() - PerspectiveImage.WIDTH) / 2);
// position scroll bar at bottom
scrollBar.setLayoutX(10);
scrollBar.setLayoutY(getHeight()-25);
scrollBar.resize(getWidth()-20,15);
}
private void update() {
// move items to new homes in groups
left.getChildren().clear();
center.getChildren().clear();
right.getChildren().clear();
for (int i = 0; i < centerIndex; i++) {
left.getChildren().add(items[i]);
}
center.getChildren().add(items[centerIndex]);
for (int i = items.length - 1; i > centerIndex; i--) {
right.getChildren().add(items[i]);
}
// stop old timeline if there is one running
if (timeline!=null) timeline.stop();
// create timeline to animate to new positions
timeline = new Timeline();
// add keyframes for left items
final ObservableList keyFrames = timeline.getKeyFrames();
for (int i = 0; i < left.getChildren().size(); i++) {
final PerspectiveImage it = items[i];
double newX = -left.getChildren().size() *
SPACING + SPACING * i + LEFT_OFFSET;
keyFrames.add(new KeyFrame(DURATION,
new KeyValue(it.translateXProperty(), newX, INTERPOLATOR),
new KeyValue(it.scaleXProperty(), SCALE_SMALL, INTERPOLATOR),
new KeyValue(it.scaleYProperty(), SCALE_SMALL, INTERPOLATOR),
new KeyValue(it.angle, 45.0, INTERPOLATOR)));
}
// add keyframe for center item
final PerspectiveImage centerItem = items[centerIndex];
keyFrames.add(new KeyFrame(DURATION,
new KeyValue(centerItem.translateXProperty(), 0, INTERPOLATOR),
new KeyValue(centerItem.scaleXProperty(), 1.0, INTERPOLATOR),
new KeyValue(centerItem.scaleYProperty(), 1.0, INTERPOLATOR),
new KeyValue(centerItem.angle, 90.0, INTERPOLATOR)));
// add keyframes for right items
for (int i = 0; i < right.getChildren().size(); i++) {
final PerspectiveImage it = items[items.length - i - 1];
final double newX = right.getChildren().size() *
SPACING - SPACING * i + RIGHT_OFFSET;
keyFrames.add(new KeyFrame(DURATION,
new KeyValue(it.translateXProperty(), newX, INTERPOLATOR),
new KeyValue(it.scaleXProperty(), SCALE_SMALL, INTERPOLATOR),
new KeyValue(it.scaleYProperty(), SCALE_SMALL, INTERPOLATOR),
new KeyValue(it.angle, 135.0, INTERPOLATOR)));
}
// play animation
timeline.play();
}
private void shiftToCenter(PerspectiveImage item) {
for (int i = 0; i < left.getChildren().size(); i++) {
if (left.getChildren().get(i) == item) {
int shiftAmount = left.getChildren().size() - i;
shift(shiftAmount);
return;
}
}
if (center.getChildren().get(0) == item) {
return;
}
for (int i = 0; i < right.getChildren().size(); i++) {
if (right.getChildren().get(i) == item) {
int shiftAmount = -(right.getChildren().size() - i);
shift(shiftAmount);
return;
}
}
}
public void shift(int shiftAmount) {
if (centerIndex <= 0 && shiftAmount > 0) return;
if (centerIndex >= items.length - 1 && shiftAmount < 0) return;
centerIndex -= shiftAmount;
update();
}
}
/**
* A Node that displays a image with some 2.5D perspective rotation around the Y axis.
*/
public static class PerspectiveImage extends Parent {
private static final double REFLECTION_SIZE = 0.25;
private static final double WIDTH = 200;
private static final double HEIGHT = WIDTH + (WIDTH*REFLECTION_SIZE);
private static final double RADIUS_H = WIDTH / 2;
private static final double BACK = WIDTH / 10;
private PerspectiveTransform transform = new PerspectiveTransform();
/** Angle Property */
private final DoubleProperty angle = new SimpleDoubleProperty(45) {
@Override protected void invalidated() {
// when angle changes calculate new transform
double lx = (RADIUS_H - Math.sin(Math.toRadians(angle.get())) * RADIUS_H - 1);
double rx = (RADIUS_H + Math.sin(Math.toRadians(angle.get())) * RADIUS_H + 1);
double uly = (-Math.cos(Math.toRadians(angle.get())) * BACK);
double ury = -uly;
transform.setUlx(lx);
transform.setUly(uly);
transform.setUrx(rx);
transform.setUry(ury);
transform.setLrx(rx);
transform.setLry(HEIGHT + uly);
transform.setLlx(lx);
transform.setLly(HEIGHT + ury);
}
};
public final double getAngle() { return angle.getValue(); }
public final void setAngle(double value) { angle.setValue(value); }
public final DoubleProperty angleModel() { return angle; }
public PerspectiveImage(Image image) {
ImageView imageView = new ImageView(image);
imageView.setEffect(ReflectionBuilder.create().fraction(REFLECTION_SIZE).build());
setEffect(transform);
getChildren().addAll(imageView);
}
}
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy