[8u40] Post-commit review: (RT-38391) [CSS] Add support for specifying durations

[David Grieve]

Added handling of 's' and 'ms' time units to the CSS parser.
Added "public static StyleConverter<?,Duration> getDurationConverter()" 
to javafx.css.StyleConverter
Added corresponding createStyleableDurationProperty methods to 
javafx.css.StyleablePropertyFactory.

https://javafx-jira.kenai.com/browse/RT-38391

Here is some sample code. Look for the setting of the in-line style 
"-my-duration" from a listener on the slider valueProperty.

import javafx.animation.Animation;
import javafx.animation.FadeTransition;
import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.Property;
import javafx.beans.property.ReadOnlyObjectProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.css.CssMetaData;
import javafx.css.Styleable;
import javafx.css.StyleableProperty;
import javafx.css.StyleablePropertyFactory;
import javafx.geometry.Insets;
import javafx.geometry.Orientation;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Region;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.SVGPath;
import javafx.stage.Stage;
import javafx.util.Duration;

import java.util.List;

public class Main extends Application {

    private static class TestNode extends Rectangle {

        public TestNode() {
            super(100, 100);
        }

        StyleablePropertyFactory<TestNode> factory = new 
StyleablePropertyFactory<>(Rectangle.getClassCssMetaData());
        StyleableProperty<Duration> myDuration = 
factory.createStyleableDurationProperty(this, "myDuration", 
"-my-duration", (s) -> s.myDuration, Duration.millis(1000));

        @Override
        public List<CssMetaData<? extends Styleable, ?>> getCssMetaData() {
            return factory.getCssMetaData();
        }
    }

    BooleanProperty fadeIn = new SimpleBooleanProperty(false);

    @Override
    public void start(Stage stage) {

        final BorderPane pane = new BorderPane();
        pane.setPadding(new Insets(10, 10, 10, 10));

        Slider slider = new Slider();
        slider.setPadding(new Insets(5, 5, 5, 10));
        slider.setMin(500d);
        slider.setMax(1500d);
        slider.setBlockIncrement(50);
        slider.setValue(1000d);
        slider.setShowTickLabels(true);
        slider.setShowTickMarks(true);
        slider.setSnapToTicks(true);
        slider.setOrientation(Orientation.VERTICAL);

        pane.setRight(slider);

        final TestNode testNode = new TestNode();
        slider.valueProperty().addListener(o -> 
testNode.setStyle("-my-duration: " + ((Property<Number>) 
o).getValue().intValue() + "ms;"));

        final Button fadeButton = new Button();
fadeButton.textProperty().bind(Bindings.when(fadeIn).then("Fade 
In").otherwise("Fade Out"));
        fadeButton.setOnAction(e -> {
            Duration duration = testNode.myDuration.getValue();
            FadeTransition transition = new FadeTransition(duration, 
testNode);
            transition.setFromValue(testNode.getOpacity());
            transition.statusProperty().addListener(o -> {
                if (((ReadOnlyObjectProperty<Animation.Status>) 
o).getValue() == Animation.Status.STOPPED) {
                    fadeButton.setDisable(false);
                } else {
                    fadeButton.setDisable(true);
                }
            });
            if (fadeIn.get()) {
                transition.setToValue(1.0);
                transition.setByValue(5);
                transition.setOnFinished(a -> fadeIn.set(false));
            } else {
                transition.setToValue(0.1);
                transition.setByValue(-5);
                transition.setOnFinished(a -> fadeIn.set(true));
            }
            transition.playFromStart();
        });

        VBox vbox = new VBox(5, testNode, fadeButton);
        vbox.setAlignment(Pos.CENTER);
        pane.setCenter(vbox);

        Label label = new Label("Use slider to adjust duration of 
the\nFadeTransition, then click the button.");
        pane.setTop(label);

        Label status = new Label();
        status.textProperty().bind(Bindings.createStringBinding(
                () -> testNode.myDuration.getValue().toString(),
                (ObjectProperty<Duration>) testNode.myDuration
        ));
        pane.setBottom(status);

        BorderPane.setAlignment(label, Pos.CENTER);
        BorderPane.setAlignment(slider, Pos.CENTER);
        BorderPane.setAlignment(vbox, Pos.CENTER);
        BorderPane.setAlignment(status, Pos.BOTTOM_RIGHT);

        Scene scene = new Scene(pane, 300, 250);
        stage.setScene(scene);
        stage.show();

    }

    public static void main(String[] args) {
        launch(args);
    }

}