com.dlsc.gemsfx.BeforeAfterView Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gemsfx Show documentation
A collection of JavaFX controls and utils.
There is a newer version: 2.67.0
package com.dlsc.gemsfx;

import com.dlsc.gemsfx.skins.BeforeAfterViewSkin;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.css.CssMetaData;
import javafx.css.PseudoClass;
import javafx.css.Styleable;
import javafx.css.StyleableObjectProperty;
import javafx.css.StyleableProperty;
import javafx.css.converter.EnumConverter;
import javafx.geometry.Orientation;
import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.scene.control.Control;
import javafx.scene.control.Label;
import javafx.scene.control.Skin;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import java.util.Objects;


public class BeforeAfterView extends Control {

    private static final Orientation DEFAULT_ORIENTATION = Orientation.HORIZONTAL;
    private static final PseudoClass PSEUDO_CLASS_HORIZONTAL = PseudoClass.getPseudoClass("horizontal");
    private static final PseudoClass PSEUDO_CLASS_VERTICAL = PseudoClass.getPseudoClass("vertical");

    public BeforeAfterView() {
        getStyleClass().add("before-after-view");

        beforeProperty().addListener(it -> {
            Node node = getBefore();
            if (node != null) {
                node.setMouseTransparent(true);
            }
        });

        afterProperty().addListener(it -> {
            Node node = getAfter();
            if (node != null) {
                node.setMouseTransparent(true);
            }
        });

        setFocusTraversable(false);
        updatePseudoClass();
    }

    private void updatePseudoClass() {
        pseudoClassStateChanged(PSEUDO_CLASS_HORIZONTAL, getOrientation().equals(Orientation.HORIZONTAL));
        pseudoClassStateChanged(PSEUDO_CLASS_VERTICAL, getOrientation().equals(Orientation.VERTICAL));
    }

    public BeforeAfterView(Node beforeNode, Node afterNode) {
        this();
        setBefore(beforeNode);
        setAfter(afterNode);
    }

    public BeforeAfterView(Image beforeImage, Image afterImage) {
        this(new ImageView(beforeImage), new ImageView(afterImage));
    }

    @Override
    protected Skin createDefaultSkin() {
        return new BeforeAfterViewSkin(this);
    }

    @Override
    public String getUserAgentStylesheet() {
        return Objects.requireNonNull(BeforeAfterView.class.getResource("before-after-view.css")).toExternalForm();
    }

    private final DoubleProperty dividerPosition = new SimpleDoubleProperty(this, "dividerPosition", .5);

    public final double getDividerPosition() {
        return dividerPosition.get();
    }

    public final DoubleProperty dividerPositionProperty() {
        return dividerPosition;
    }

    public final void setDividerPosition(double dividerPosition) {
        this.dividerPosition.set(dividerPosition);
    }


    private final ObjectProperty before = new SimpleObjectProperty<>(this, "before", new Label("Before"){
        {
            setPrefSize(600, 400);
            setStyle("-fx-background-color: red;");
        }
    });

    public final Node getBefore() {
        return before.get();
    }

    public final ObjectProperty beforeProperty() {
        return before;
    }

    public final void setBefore(Node before) {
        this.before.set(before);
    }

    private final ObjectProperty after = new SimpleObjectProperty<>(this, "after", new Label("After"){
        {
            setPrefSize(600, 400);
            setStyle("-fx-background-color: green;");
            setAlignment(Pos.CENTER_RIGHT);
        }
    });

    public final Node getAfter() {
        return after.get();
    }

    public final ObjectProperty afterProperty() {
        return after;
    }

    public final void setAfter(Node after) {
        this.after.set(after);
    }

    private ObjectProperty orientation;

    public final Orientation getOrientation() {
        return orientation == null ? DEFAULT_ORIENTATION : orientation.get();
    }

    /**
     * Sets the orientation of the before-after view.
     * 
     * Default value is {@link Orientation#HORIZONTAL}
     *
     * @return the orientation property
     */
    public final ObjectProperty orientationProperty() {
        if (orientation == null) {
            orientation = new StyleableObjectProperty<>(DEFAULT_ORIENTATION) {

                @Override
                protected void invalidated() {
                    updatePseudoClass();
                }

                @Override
                public Object getBean() {
                    return BeforeAfterView.this;
                }

                @Override
                public String getName() {
                    return "orientation";
                }

                @Override
                public CssMetaData getCssMetaData() {
                    return StyleableProperties.ORIENTATION;
                }
            };
        }
        return orientation;
    }

    public final void setOrientation(Orientation orientation) {
        orientationProperty().set(orientation);
    }

    private static class StyleableProperties {

        private static final CssMetaData ORIENTATION =
                new CssMetaData<>("-fx-orientation", new EnumConverter<>(Orientation.class), DEFAULT_ORIENTATION) {
                    @Override
                    public boolean isSettable(BeforeAfterView view) {
                        return view.orientation == null || !view.orientation.isBound();
                    }

                    @Override
                    public StyleableProperty getStyleableProperty(BeforeAfterView view) {
                        return (StyleableProperty) view.orientationProperty();
                    }
                };

        private static final List> STYLEABLES;

        static {
            final List> styleables = new ArrayList<>(Control.getClassCssMetaData());
            styleables.add(ORIENTATION);
            STYLEABLES = Collections.unmodifiableList(styleables);
        }
    }

    @Override
    public List> getControlCssMetaData() {
        return getClassCssMetaData();
    }

    public static List> getClassCssMetaData() {
        return BeforeAfterView.StyleableProperties.STYLEABLES;
    }

}