How to make a drag and dropping system for a custom inventory? [SOLVED]

Asked by

6 years ago

Edited 6 years ago

Solution:

01spawn(function ()
02 
03    local InventorySlots = script.Parent.Parent.Parent:GetChildren()
04 
05    for _, slot in pairs (InventorySlots) do
06 
07        if slot.ClassName == "Frame" then
08 
09            slot.Detector.MouseEnter:Connect(function ()
10 
11                SlotToInsert = string.sub(slot.name, 5, -1)
12 
13            end)
14 
15        end
16 
17    end
18 
19end)

I’ve added this piece of code above to connect a function to any inventory slot that changes the current slot ID to the slot ID of the inventory slot when the mouse touches the slot

I’ve created a custom GUI inventory for my game. Now I want to create a drag and drop system for it. I have already set up a server script that can replace the slot values of two specified slots. The only problem is that I do not know how to do the actual drag and drop. Basically I would like to know, how I can create a system that if I drag an Image Button on another ImageButton and drop it returns the 2 SlotIDs of the 2 Images Buttons

This is how the Inventory GUI is set up:

1ScreenGUI
2  Inventory Frame
3      Slot List
4          Slot (1-27)
5              Image
6              SlotID

My attempt:

01script.Parent.MouseButton1Down:Connect(function ()
02 
03    local Mouse = game.Players.LocalPlayer:GetMouse()
04 
05    Dragging = true
06 
07    script.Parent.Parent.Description.Visible = false
08 
09    FireFunction = false
10 
11    while Dragging == true do
12 
13        script.Parent.Parent.Parent.Parent.Parent.DragAndDropImage.Image = script.Parent.Parent.ItemImage.Image
14 
15        wait ()
16 
17        local mouseLocation = (UserInputService:GetMouseLocation())
18 
19        script.Parent.Parent.Parent.Parent.Parent.DragAndDropImage.Visible = true
20 
21        script.Parent.Parent.Parent.Parent.Parent.DragAndDropImage.Position = UDim2.new(0, mouseLocation.x - 40, 0, mouseLocation.y - 70)
22 
23        script.Parent.Parent.ItemImage.Visible = false
24 
25        if (UserInputService:IsMouseButtonPressed (0)) == false then
26 
27            print (UserInputService:GetMouseLocation())
28 
29            Dragging = false
30 
31            script.Parent.Parent.Parent.Parent.Parent.DragAndDropImage.Visible = false
32 
33            script.Parent.Parent.ItemImage.Visible = true
34     
35end
36 
37end
38 
39end)

This attemt works perfectly except for returning the slot IDs

Where is the part where you tried to get the slot id User#7446 0 — 6y

There's no part of me trying to get the slot ID because I could not figure out how to do that MageMasterHD 261 — 6y

How to make a drag and dropping system for a custom inventory? [SOLVED]

Solution:

This is how the Inventory GUI is set up:

Answer this question