2012-11-29 7 views
7

Buduję aplikację w JavaFx 2.2, która składa się z podzielonego panelu z panelem komponentu po lewej stronie i arkuszem roboczym po prawej stronie. Zasadniczo chciałbym zrobić prosty edytor WYSIWYG, w którym przeciągasz komponent od lewej do prawej, a następnie ułóż je po prawej stronie.Narzędzie "przeciągnij i upuść" jak w Scene Builder

Spędziłem ostatnie kilka dni próbują realizować tę samą funkcję przeciągnij i upuść, która ma SceneBuilder, bez powodzenia ..

Następujące próbki w http://docs.oracle.com/javafx/2/drag_drop/HelloDragAndDrop.java.html udało mi się dostać do operacji przeciągania i-drop działa, ale nie mogę znaleźć żadnego sposobu na zmianę domyślnej ikony pliku pojawiającej się podczas przeciągania (i zastąpienie jej migawką komponentu, który przeciągam) i jak pokazać zakazaną ikonę, gdy jesteś nad czymś nie możesz rzucić.

Każda pomoc (może być rada, fragment kodu, próbki lub inny) byłoby bardzo mile widziane :)

Dzięki!

Odpowiedz

16

[UPDATE]

W końcu udało mu się:

/* The 'sceneRoot' object is the root Node of the scene graph 
* stage.setScene(new Scene(sceneRoot, 1280, 1024)); 
*/ 

private ImageView dragImageView = new ImageView(); 
private Node dragItem; 

_

rightPane.setOnMouseDragEntered(new EventHandler<MouseDragEvent>() { 
    public void handle(MouseDragEvent e) { 
     rightPane.setStyle("-fx-border-color:red;-fx-border-width:2;-fx-border-style:solid;"); 
     e.consume(); 
    } 
}); 
rightPane.setOnMouseDragExited(new EventHandler<MouseDragEvent>() { 
    public void handle(MouseDragEvent e) { 
     rightPane.setStyle("-fx-border-style:none;"); 
     e.consume(); 
    } 
}); 
rightPane.setOnMouseDragReleased(new EventHandler<MouseDragEvent>() { 
    public void handle(MouseDragEvent e) { 
     //TODO: add new instance of dragItem to rightPane 
     e.consume(); 
    } 
}); 

_

private void addGesture(final Node node) { 
    node.setOnDragDetected(new EventHandler<MouseEvent>() { 
     public void handle(MouseEvent e) { 

      SnapshotParameters snapParams = new SnapshotParameters(); 
      snapParams.setFill(Color.TRANSPARENT); 
      dragImageView.setImage(node.snapshot(snapParams, null)); 

      sceneRoot.getChildren().add(dragImageView); 

      dragImageView.startFullDrag(); 
      e.consume(); 
     } 
    }); 
    node.setOnMouseDragged(new EventHandler<MouseEvent>() { 
     public void handle(MouseEvent e) { 
      Point2D localPoint = sceneRoot.sceneToLocal(new Point2D(e.getSceneX(), e.getSceneY())); 
      dragImageView.relocate(
        (int)(localPoint.getX() - dragImageView.getBoundsInLocal().getWidth()/2), 
        (int)(localPoint.getY() - dragImageView.getBoundsInLocal().getHeight()/2) 
      ); 
      e.consume(); 
     } 
    }); 
    node.setOnMouseEntered(new EventHandler<MouseEvent>() { 
     public void handle(MouseEvent e) { 
      node.setCursor(Cursor.HAND); 
     } 
    }); 
    node.setOnMousePressed(new EventHandler<MouseEvent>() { 
     public void handle(MouseEvent e) { 
      dragItem = node; 
      dragImageView.setMouseTransparent(true); 
      node.setMouseTransparent(true); 
      node.setCursor(Cursor.CLOSED_HAND); 
     } 
    }); 
    node.setOnMouseReleased(new EventHandler<MouseEvent>() { 
     public void handle(MouseEvent e) { 
      dragItem = null; 
      dragImageView.setMouseTransparent(false); 
      node.setMouseTransparent(false); 
      node.setCursor(Cursor.DEFAULT); 
      sceneRoot.getChildren().remove(dragImageView); 
     } 
    }); 

} 
+1

Dobra robota. Opcja [przeciągania widoku] (http://javafx-jira.kenai.com/browse/RT-14730?focusedCommentId=317064#) ma zostać dodana do platformy JavaFX w przyszłej wersji, prawdopodobnie jdk8. – jewelsea

+0

Próbuję ponownie wdrożyć rozwiązanie dla ListView, ale nie wiem, jaki typ zmiennej sceny w setOnDragDetected handler jest. To nie jest Scena, ponieważ Scena nie ma metody getChildern(). – andreas

+0

Obiekt "scena" jest w rzeczywistości węzłem głównym wykresu sceny. Zaktualizowałem swój kod komentarzami i zmieniłem nazwę sceny według programu sceneRoot, aby uzyskać lepsze zrozumienie. Dzięki za podkreślenie, że;) – Badisi

2

Może późno, ale z opcją setDragView jest teraz jeszcze prostsza :)

// Cursor Display for Drag&Drop 
source.setOnMouseEntered(e -> source.setCursor(Cursor.OPEN_HAND)); 
source.setOnMousePressed(e -> source.setCursor(Cursor.CLOSED_HAND)); 
source.setOnMouseReleased(e -> source.setCursor(Cursor.DEFAULT)); 

// Manage drag 
source.setOnDragDetected(event -> { 
    /* drag was detected, start a drag-and-drop gesture*/ 
    Dragboard db = source.startDragAndDrop(TransferMode.MOVE); 

    // Visual during drag 
    SnapshotParameters snapshotParameters = new SnapshotParameters(); 
    snapshotParameters.setFill(Color.TRANSPARENT); 
    db.setDragView(source.snapshot(snapshotParameters, null)); 

    /* Put a string on a dragboard */ 
    ClipboardContent content = new ClipboardContent(); 
    content.putString(source.getText()); 
    db.setContent(content); 

    event.consume(); 
});