Hey, I spent the weekend moving and I got my product ready for production at work, but I'm finally back on tonight to continue working on drag-and-drop

how can I assign a graphic to a class variable?

@amanda.hinchman-dominguez uploaded a file: Untitled

Thank you very much, I'll make sure to check out this tomorrow. Didn't expect you to react that fast and change the library to support my specific use-case, I'm very grateful for your dedication!

drag-and-drop update: I wrote out my version of mouse events, but I'd like to see a copy of my tile that I've grabbed render at root so I can drag it around. Hard to tell if I'm actually dragging if the tile doesn't pop up 🙂

For anyone that's interested in looking into what I've written, I would GREATLY appreciate feedback on what I might be missing and what I should be doing in my mouse events @carlw @edvin https://github.com/ahinchman1/UI-Code-Creator

Hey @amanda.hinchman-dominguez for drag and drop there are basically four different methodes that are defined on a `Node`: *

setOnDragDetected

*

setOnDragOver

*

setOnDragEntered

*

setOnDragExited

*

setOnDragDropped

To share data from the drag source node and the drag target node you have to use a

Dragboard

And to show an Image of the graphic you want to drag you can simply do

// Creates a Dragboard
val dragBoard = graphic.startDragAndDrop(*TransferMode.MOVE)
// Clibpboard which contains the data you want to share
val content = ClipboardContent()
content.putUrl(....)
// Create a snapshot of the graphic with will be displayed while dragging
val dragView = graphic?.snapshot(null, null)
dragBoard.dragView = dragView
// Add the content to the Dragboard
dragBoard.setContent(content)

Here are some more infos about drag and drop: * https://docs.oracle.com/javafx/2/drag_drop/jfxpub-drag_drop.htm * https://docs.oracle.com/javase/8/javafx/events-tutorial/paper-doll.htm#CBHFHJID * https://docs.oracle.com/javase/8/javafx/events-tutorial/drag-drop.htm#CHDJFJDH

@nimakro - thanks so much, I think my issue with drop and drop was the fact that I needed to use custom data for TilesFX to be able to utilize clipboard, so that was what ended up stopping me short

I was in need of serializing my custom data, which turned out to be difficult because of the observable list I was using. HOWEVER, perhaps I can try casting the tile object as a Node, and maybe I can resume I what I started with that

@amanda.hinchman-dominguez did you ever test a version of the drag-and-drop app with the clipboard action? i was wondering if it was a showstopper because users might not expect their clipboard to be wiped out with drag actions

wiped out? how do you mean?

the commented out code is what I had for drag and drop. The showstopper was the fact I had to serialize my custom data 🙂

say you copy a hard-to-remember css background color. you go over into your app to apply it to a textfield repeatedly. you move a tile over to the left. did it replace the background color with your serialized object?

no, I didn't get past picking it up

I guess I need serialization to even pick it up

but like I said, I might try casting the object as a node

@amanda.hinchman-dominguez this example is a clipboard-less drag and drop. Drag a colored box from the left onto the work area on the right. The box will be added at the mouse position

I think this has a few optimizations that you might use for your Tiles. Not only am I not dealing with serialized Nodes, I'm not dealing with Nodes at all.

I set a state variable "draggingColor" because I can reconstitute the color rectangle without dealing with a specific instance.

@amanda.hinchman-dominguez I'm getting a bunch of build errors importing your project into IntelliJ. try running mvn clean install from the command line to make sure that the build is portable. BTW, this is a good place for Travis or Jenkins (Hudson) which can build your code in an IDE-neutral manner upon each check in. It's particularly useful if you've pegged your build to other projects The specific errors I'm getting are the following. I can't get into this too much right now...back to the server-side for me! [ERROR] /media/carl/Extra Drive 1/git/UI-Code-Creator/src/main/kotlin/com/example/demo/views/MetroTileHomepage.kt:[268,36] Unresolved reference: Tile [ERROR] /media/carl/Extra Drive 1/git/UI-Code-Creator/src/main/kotlin/com/example/demo/views/MetroTileHomepage.kt:[272,36] Unresolved reference: Tile [ERROR] /media/carl/Extra Drive 1/git/UI-Code-Creator/src/main/kotlin/com/example/demo/views/MetroTileHomepage.kt:[310,38] Unresolved reference: Tile [ERROR] /media/carl/Extra Drive 1/git/UI-Code-Creator/src/main/kotlin/com/example/demo/views/MyTiles.kt:[54,22] Type mismatch: inferred type is Tile! but Node! was expected

@carlw I think the tile dependency must be built locally, don't think it exists in maven central.

Or maybe it's pushed to bintray or something?

I suppose, but I think the standard for an OSS project is to have the code build right out of the gate.

if it is in bintray then the pom should have entered that as a extra repository in the repositories section

(understand it's a work in progress)

or you can use jetpack which will checkout the oss project and build it for you

oh wow good point

@carlw I totally agree 🙂

yes, you do need to install the tilefx dependencies locally, for now. If I use Jenkins, would that issue be solved?