B4J Question B4XView, Dragged view pane1 to pane2

ivanomonti · May 7, 2020

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

mangojack · May 8, 2020

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 · May 8, 2020

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

ivanomonti · May 8, 2020

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 · May 8, 2020

ivanomonti said:
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 · May 8, 2020

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

LucaMs · May 8, 2020

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

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

LucaMs · May 8, 2020

LucaMs said:
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:

B4X:

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 · May 8, 2020

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 · May 8, 2020

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 · May 8, 2020

ivanomonti said:
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.

ivanomonti said:
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 · May 9, 2020

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 · May 9, 2020

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

stevel05 · May 9, 2020

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 · May 9, 2020

stevel05 said:
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 · May 9, 2020

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 · May 9, 2020

stevel05 said:
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 · May 9, 2020

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 · May 9, 2020

LucaMs said:
it is "dirty"

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

LucaMs · May 9, 2020

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

B4X:

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

?

B4J Question B4XView, Dragged view pane1 to pane2

Expert

Attachments

Expert

B4X founder

Expert

Expert

Expert

Expert

Expert

Expert

Attachments

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Attachments

Expert

Expert

Expert

Expert

Privacy & Transparency

Privacy & Transparency