JavaFX JavaFX Diagram Editor

[lam_tr]

Hallo zusammen,

wie der Name schon sagt, bin ich dabei ein Shape Diagram Editor zu bauen. An sich gibt es dutztende solche Editoren, aber ich möchte gern von Hand so ein DiagamEditor bauen.

An sich habe ich eine Pane die Rectancles und andere Formen enthalten kann, das Draggen, Pannen, Zoomen und Selektieren der Figuren geht schon.

Weiter habe ich eine PropertyView die das Einstellen der Figureigenschaften zulassen soll. Und genau an der Stelle hänge ich gerade. Wie kann ich diese PropertyView so bauen, dass sie auf die Selektion der Figur, das Modell unter der Figur sowie die Figur selbst?

Ich denke, ich benötige sowas ähnliches wie SelectionService in RCP. Also mir geht es darum, wie ich so ein SelectionService bauen soll. Was die ersten Schritte sind.

Viele Grüße
lam

 

[dzim]

Harter Stoff. Dazu habe ich keine pauschale Antwort...

Ich habe mal das Grundgerüst für einen seeeeeeehr einfachen Formeneditor (Kreise und Rechtecke) gebaut und dazu halt auch selection behandelt.

Am Ende nutze ich eine Property, die ich update (read-only Property, um genau zu sein) wenn ein Mausklick auf ein Shape gemacht wurde. Der MouseListener wird einfach an jedes neue Shape angefügt. Ich nutze also die Shape-API (also echte Nodes) und nicht ein Canvas, bei dem ich bei einem Mausklick erst berechnen müsste, ob es ein intersect mit einem gezeichneten Shape gibt (dessen Type, Koordinaten, Grösse etc. ich mir auch jedes Mal merken müsste - also im wesentlichen ist es nicht viel anders). Nodes zu verwenden macht es ja relativ einfach...

 

[lam_tr]

Hi dzim,

ich habe diese Klasse von jfxtras zur Hilfe genommen und die Selektierungsänderung Clipboard.getSelectedItems().addListener(new ListChangeListener) so genommen.
Das heißt immer wenn etwas selektiert wird und mehr als 0 Selektierung gibt, dann nehme ich das erste Element raus. und zeige es an der PropertyView. Kein schöner Weg, aber anders wüßte ich auf die schnelle auch nicht.

https://gist.github.com/omidzk/3ceeebf948a210def5ca6fb5f39e14ff

public class SelectionHandler {
    private Clipboard clipboard;

    private EventHandler<MouseEvent> mousePressedEventHandler;

    public SelectionHandler(final Parent root) {
        this.clipboard = new Clipboard();
        this.mousePressedEventHandler = new EventHandler<MouseEvent>() {
            @Override
            public void handle(MouseEvent event) {
                SelectionHandler.this.doOnMousePressed(root, event);
                event.consume();
            }
        };
    }

    public EventHandler<MouseEvent> getMousePressedEventHandler() {
        return mousePressedEventHandler;
    }

    private void doOnMousePressed(Parent root, MouseEvent event) {
        Node target = (Node) event.getTarget();
        if(target.equals(root))
            clipboard.unselectAll();
        if(root.getChildrenUnmodifiable().contains(target) && target instanceof SelectableNode) {
            SelectableNode selectableTarget = (SelectableNode) target;
            if(!clipboard.getSelectedItems().contains(selectableTarget))
                clipboard.unselectAll();
            clipboard.select(selectableTarget, true);
        }
    }

    /**
     * This class is based on jfxtras-labs
     *  <a href="https://github.com/JFXtras/jfxtras-labs/blob/8.0/src/main/java/jfxtras/labs/scene/control/window/Clipboard.java">Clipboard</a>
     *  and
     *  <a href="https://github.com/JFXtras/jfxtras-labs/blob/8.0/src/main/java/jfxtras/labs/util/WindowUtil.java">WindowUtil</a>
     */
    private class Clipboard {
        private ObservableList<SelectableNode> selectedItems = FXCollections.observableArrayList();

        public ObservableList<SelectableNode> getSelectedItems() {
            return selectedItems;
        }

        public boolean select(SelectableNode n, boolean selected) {
            if(n.requestSelection(selected)) {
                if (selected) {
                    selectedItems.add(n);
                } else {
                    selectedItems.remove(n);
                }
                n.notifySelection(selected);
                return true;
            } else {
                return false;
            }
        }

        public void unselectAll() {
            List<SelectableNode> unselectList = new ArrayList<>();
            unselectList.addAll(selectedItems);

            for (SelectableNode sN : unselectList) {
                select(sN, false);
            }
        }
    }
}

 

[dzim]

Naja, wenn es so für dich funktioniert, wüsste ich nicht, was daran jetzt falsch sein soll...