Tragere și Plasare în JavaFX – Ghid pas cu pas pentru începători

Te-ai întrebat vreodată cum se realizează Drag și Drop într-o interfață grafică? Acest concept nu este doar răspândit în aplicațiile moderne, ci este și de o mare importanță pentru experiența utilizatorului. În acest ghid, îți voi arăta cum să implementezi Drag și Drop în JavaFX, creând două dreptunghiuri pe care le poți muta. Va fi un ghid pas cu pas, astfel încât să poți urmări toate etapele necesare cu ușurință.

Cele mai importante constatări

• Drag și Drop permite utilizatorilor să mute obiecte cu ușurință.
• Implementarea Drag și Drop în JavaFX este ușor de realizat prin funcții de gestionare a evenimentelor și expresii Lambda.
• Detecția coliziunii este esențială pentru a determina dacă un obiect a fost plasat într-o anumită zonă.

Ghid pas cu pas

1. Configurarea proiectului

În primul rând, creezi un nou proiect JavaFX în mediu tău de dezvoltare. Asigură-te că toate bibliotecile necesare sunt integrate. Începem cu setarea de bază a aplicației tale, creând o clasă principală.

2. Crearea interfeței utilizatorului

Pentru exemplul nostru, vom crea două dreptunghiuri: unul mic, pe care vrem să-l mutăm, și unul mare, care va servi ca țintă. Codul arată astfel:

Rectangle recToMove = new Rectangle(50, 50, 50, 50); // dreptunghi mic
Rectangle recTarget = new Rectangle(150, 150, 100, 100); // dreptunghi mare

Când creezi dreptunghiurile, definești poziția și dimensiunea acestora.

3. Stabilirea poziției și a scenei

Apoi, ai nevoie de variabile pentru a stoca poziția obiectelor tale. Definește coordonatele X și Y ale scenei. Acestea vor fi utilizate mai târziu pentru a urmări mișcarea în timpul procesului de Drag and Drop.

double mainX, mainY; 

4. Adăugarea handlerelor de eveniment

Următorul pas este adăugarea handlerelor de eveniment care permit funcționalitatea Drag and Drop. Începem cu handlerul pentru apăsarea butonului mouse-ului.

recToMove.setOnMousePressed(event -> { mainX = event.getSceneX(); mainY = event.getSceneY();
});

Aici, salvezi poziția curentă a mouse-ului când butonul este apăsat.

5. Implementarea handlerului de Dragging

Pentru faza de Dragging, folosim un alt handler de eveniment care îți permite să muți dreptunghiul în timp ce ții apăsat butonul mouse-ului.

Aici, actualizezi poziția dreptunghiului pe baza mișcării curente a mouse-ului.

6. Eliberarea butonului mouse-ului

Pentru a lua în considerare eliberarea butonului mouse-ului, adaugă un handler suplimentar. Acesta va schimba culoarea dreptunghiului și va verifica dacă acesta este plasat într-o anumită poziție țintă.

recToMove.setOnMouseReleased(event -> { // Resetarea culorii recToMove.setFill(Color.BLACK); checkBounce(recToMove);
});

7. Detecția coliziunii

Pentru a verifica dacă dreptunghiul mutat a fost plasat în dreptunghiul țintă, implementează o metodă numită checkBounce.

Aici recunoști dacă cele două dreptunghiuri se suprapun și schimbi culoarea dreptunghiului țintă în consecință.

8. Adăugarea obiectelor la scenă

În cele din urmă, adaugi dreptunghiurile create la scena ta și setezi scena pe scenă.

Rezumat – Drag și Drop cu JavaFX

Cu acest ghid ai învățat cum să implementezi un sistem simplu de Drag și Drop în JavaFX. Ai învățat despre bazele detecției coliziunii și gestionarea evenimentelor mouse-ului. Funcționalitățile Drag și Drop sunt esențiale pentru prietenia cu utilizatorul a aplicațiilor tale.