Revolution

Allows revolutions

This revolutionary component really turns the tables for Vaadin. It lets you make the world go around.

The Revolver component displays an image resource and allows you to rotate it by dragging it around with mouse. The rotation change can be listened for and you can also set the rotation programmatically.

Tested on Firefox and Chrome. Possibly doesn't work on IE.

Sample code

// Create the revolutionary image
final Revolver image = new Revolver(
        new ClassResource("/org/vaadin/revolution/demo/earth.jpg"));
image.setSizeUndefined();
layout.addComponent(image);

// Set rotation in degrees
image.setRotation(20);

// Handle rotation by user
image.addRotationListener(new RotationListener() {
    public void rotate(double rotation) {
        // Do something with the value - display it in label
        label.setValue(Double.toString(Math.round(rotation)));
    }
});

Links

• Online Demo
• Discussion Forum

Compatibility