UMG Drag & Drop (UE 4.6)

anonymous_user_daa06def · December 9, 2014, 9:39am

How to use Drag & Drop? How i can do the same drag and drog that on screenshot?

anonymous_user_daa06def · December 9, 2014, 10:03pm

Hey, anybody here?

CodeSpartan · December 10, 2014, 7:15am

This thread explains it pretty well: UMG - Drag&Drop capturing mouse events. - Blueprint - Unreal Engine Forums

anonymous_user_b9532c9a · December 10, 2014, 4:35pm

Hi ,

Please do not bump threads that have not gone unanswered for longer than 4 days. This clutters the answerhub and makes it difficult to assist anyone.

anonymous_user_e729f54e · December 10, 2014, 10:00pm

Hello ,

I have an example widget that can get you started. The widget that is in the attached file can be placed in your project’s blueprint folder (It is from a 4.6 project). You can then open up the project and go from there. You will need to add it to viewport. >> [Drag and Drop Widget (This link is the complete widget) ][1] <<

My Event Graph:

In my example I am running things from a tick event. As you can see there are three images in the graph. These are what is being moved and parented to another canvas panel. The canvas panel is the one by its self in a comment box.

DragNDropFun:

This is my custom function when it is expanded. I have detailed what all of the different sections do. Currently the output pins are not working correctly due to a known issue, however this can be worked around.

Checking Macro:

This is the “Checking Macro” after it has been expanded. This basically checks to make sure that the widget that is being hovered over is the only one that moves. After then it is sure that you have the right widget it then ignores the “Is hovered node” for smoother dragging.

This is the mouse down function that can be found on the left under the mouse section of the “My Blueprints” panel in your widget. It is setting a boolean value that tell the function that the mouse is down.

Note: The On mouse down function looks the exact same except that the boolean is unchecked (setting it to false)

I hope this helps.

Make it a great day

anonymous_user_daa06def · December 10, 2014, 10:23pm

Thanks. I will try it and reply.

anonymous_user_daa06def · December 10, 2014, 10:24pm

This thread is don’t help me. I tried to do so as described in this topic. Nothing came, because there is nothing particularly shown and described.

anonymous_user_daa06def · December 11, 2014, 12:37am

Can you add DragNDropFun screenshot in highest resolution?

anonymous_user_daa06def · December 11, 2014, 12:49am

Ok. Thanks

anonymous_user_e729f54e · December 11, 2014, 3:16pm

Hello ,

I didn’t think a high resolution screen shot would be necessary because the widget is provided in the very first part of the post. You can simply double click the function in the provided file( Drag and Drop Widget ) to expand it and see the inner workings of the function. Just to be clear, the attached file is the entirety of the widget shown in the pictures above. I posted another link to it above in this post.

Note: To use the widget you can navigate to the content folder of your project and place it there after it is unzipped. If you have the engine installed in the default directory this folder can be found by going to Documents > Unreal Projects > Your project > Content

anonymous_user_daa06def · December 11, 2014, 8:22pm

Thank you, I do not get enough sleep lately.

anonymous_user_daa06def · December 11, 2014, 11:00pm

Good, but like all translate into automatic mode? How do I know what a widget is now under the pointer?

anonymous_user_e729f54e · December 12, 2014, 2:19pm

Hello ,

The short answer is that you can use the “Is Hovered” node. This returns true when the pointer is over a widget. However, I have also added an image to try and explain a little further how my function works. I hope this answers your question.

Selection break down for my function:

anonymous_user_daa06def · December 13, 2014, 12:26am

Thanks for this.

anonymous_user_daa06def · December 14, 2014, 2:42am

When I have already dragged widget, the functions “such that” does not work when you drag a widget to the window in which I would like him to give up, so I can not figure out how to determine which window over my dragged widget.

PeterLNewton · December 14, 2014, 4:01am

That thread post specifically shows how is done in example. You just need the owning actor for step #2.

walldiv · March 20, 2015, 10:57pm

Doing this tutorial crashes my engine when pressing escape in the editor to come out of PLAYMODE… any suggestsions or previous experience/fix with this?

anonymous_user_e729f54e · March 23, 2015, 5:24pm

Hello walldiv,

I was unable to reproduce this issue on my end. I have a few questions for you that will help narrow down your issue.

Quick questions:

What version of the engine are you using?
Can you reproduce this in a clean project?
If so, could you provide a detailed list of steps to reproduce this issue on our end?

Calcrafter · July 2, 2015, 2:22pm

Sorry for reviving this thread, but is there a way to get the coordinates of the moved widget? If i break down the location vector it gives me -138 & -159, which I can absolutely understand. While the widget is moved I have access to the real coords (Location X & Location Y pins), but I need them as an output in the event graph.

If you know what I mean,
please help

anonymous_user_e729f54e · July 2, 2015, 2:32pm

Hello Calcrafter,

I would use the “Slot as Canvas Slot” and then use pull off of this node and get the position of the widget. I hope that this info helps.

As a side NOTE: this thread is fairly antiquated and the link provided by CodeSpartan would be a better way to do the drag and drop system.

Make it a great day