B4J Question B4XView, Dragged view pane1 to pane2

[ivanomonti]

I need to make a MouseDragged to post a view from one panel to another, is it possible?

 

[mangojack]

There is a DraggableView example that has been adapted for B4J .. https://www.b4x.com/android/forum/threads/drag-and-drop-in-b4j.70963/post-450772

The example uses a button , so you will again have to adapt it to your needs. (panes).


A search for DraggableView results in many threads discussing this lib/ class.

Although the majority are B4A related it should be relatively easy to adapt to B4J.

 

[Erel]

Check this library: https://www.b4x.com/android/forum/threads/jdraganddrop2-drag-and-drop.76168/

 

[ivanomonti]

I think I've made the right or clear question, pardon my English,

• A button with parent Pane1 is selected
• I drag it (button) to the Bread2
• release the right button
• the button inherits a new parent (parent2) by leaving the Paren1

I already use the DrangDrop library but I don't think it can be used for this, if you don't know how.

 

[LucaMs]

pardon my English,

If you ask in the Italian forum, you don't have to fight with English.

I don't think you're talking about the Designer, right?

If you want to change the parent of a View at runtime, you have to remove it from its current parent and then add it to the new one.
Dragging, you have to "intercept" the view on which you will drop the view dragged.

 

[ivanomonti]

@LucaMs intercept? I just can't do this!

 

[LucaMs]

@LucaMs intercept? I just can't do this!

Just wait "a moment". I downloaded the Erel's b4xlib version and his example...

 

[LucaMs]

Just wait "a moment". I downloaded the Erel's b4xlib version and his example...

Hard to understand how it works.

The Erel's example drags text files onto a TextArea, setting this as "dragging destination", without setting the "dragging source" (and it works as expected, as always).

In your case, @ivanomonti, I think you should set the "dragging source". I started trying so:

Sub btnMoveMe_MousePressed (EventData As MouseEvent)
    If EventData.SecondaryButtonPressed Then
        Log("right button pressed")
        DragAndDrop1.MakeDragSource(Sender, "DragSource")
        ' I don't know what parameters the SetDragModeAndData requires but I think it is necessary.
'        DragAndDrop1.SetDragModeAndData(TransferMode.MOVE, Array As String("I don'tknow"), Array(Sender))
    End If
End Sub

I think that without setting well that "SetDragModeAndData" the "dragging events" will not trigger (DragEntered, DragOver, DragExited and DragDropped).

I also need help

 

[LucaMs]

I did it... but a very bad way.

I don't have time now, but I'll explain the problems I ran into later.

 

[ivanomonti]

and almost perfect, but consider that it's never a question of multiple panel, and must be able to be put back on the starting panel

 

[LucaMs]

and almost perfect

No, it isn't. I did it roughly, it's not the right way.

In that test project the btnMoveMe Button is moved, while the project should be able to move any View.
The main problem is the type of the third parameter of the SetDragModeAndData method. In another example project I saw that an Image is passed to this method, so I passed what the method Snapshot of Button returns and this works but in the Drop event you cannot detect the real view dragged, the button.

must be able to be put back on the starting panel

This is a secondary problem; "we" (Erel or @stevel05 ) must solve the first one, before.

H E L P

 

[LucaMs]

Um... OK yes, Erel is a slacker, you know (false, he works too much, just we are on weekend), but I see that not even @stevel05 answers us (you, Ivano), unfortunately

 

[LucaMs]

So, I don't know how could I serialize a Node - Button, in this case. I don't think it's possible.

 

[stevel05]

The Java drag and drop Class is intended for use with Data. I haven't tried it with nodes. It may be possible to use part of it as a base, but it may also be easier to write the functionality as a new class. I will take a look a bit later.

 

[LucaMs]

The Java drag and drop Class is intended for use with Data. I haven't tried it with nodes. It may be possible to use part of it as a base, but it may also be easier to write the functionality as a new class. I will take a look a bit later.

Thank you, Steve.

 

[stevel05]

Here is a quick and dirty example, it will need refining but should get you started.

Edit: Version2 maintains click position on the node.

 

[LucaMs]

Here is a quick and dirty example

As are usually mine

I try it now, thanks Steve (even if it's not for me, as you know).

 

[LucaMs]

It works perfectly (I didn't doubt it).

Now I have to study the source and understand why, in your opinion, it is "dirty" . It's great!

Thank you again, Steve.

 

[stevel05]

it is "dirty"

Because it needs some validation on the dragging and modding for specific purposes.

 

[LucaMs]

1 - I thought you needed a DragAndDrop object for each View (Node) to drag (or change it every time). Instead:

    DragDrop.Initialize(Me)
    DragDrop.MakeDragSource(Button1,"BDrag")
    DragDrop.MakeDragSource(Button2,"BDrag")
    DragDrop.MakeDragSource(Pane3,"BDrag")
    DragDrop.MakeDragTarget(Pane1,"PDrag")
    DragDrop.MakeDragTarget(Pane2,"PDrag")