Examples with Animation org.dominokit.domino.ui.animations.Animation used on opensource projects

Example 1 with Animation

use of org.dominokit.domino.ui.animations.Animation in project domino-ui-demo by DominoKit.

the class AnimationViewImpl method createCard.

private Card createCard(Transition transition) {
    Card animationCard = Card.create().setBackground(Background.BLUE_GREY).appendContent(img(GWT.getModuleBaseURL() + "/images/animation-bg.jpg").css(Styles.img_responsive).asElement());
    Card card = Card.create(transition.getName(), transition.getStyle() + " animation.").setBodyBackground(Background.LIGHT_BLUE).setHeaderBackground(Background.BLUE);
    Button animate = Button.createDefault(transition.getName()).large();
    animate.getClickableElement().addEventListener("click", e -> Animation.create(animationCard.asElement()).transition(transition).duration(1000).animate());
    Button infiniteAnimate = Button.createDefault("INFINITE").large();
    infiniteAnimate.getClickableElement().addEventListener("click", e -> {
        Animation animation = Animation.create(animationCard.asElement()).transition(transition).infinite().duration(1000);
        if (animationCard.asElement().classList.contains("animated")) {
            animation.stop();
            animate.asElement().style.display = "inline-block";
            infiniteAnimate.setContent("INFINITE");
        } else {
            animation.animate();
            animate.asElement().style.display = "none";
            infiniteAnimate.setContent("STOP");
        }
    });
    card.appendContent(animationCard.asElement()).appendContent(Elements.div().css("button-demo").attr("style", "text-align: center").add(animate.asElement()).add(infiniteAnimate.asElement()).asElement());
    return card;
}