Drag and Drop JavaFX – Žingsnis po žingsnio vadovas pradedantiesiems

Ar kada nors klausėte savęs, kaip Drag ir Drop yra įgyvendinamas grafiniame sąsajoje? Ši koncepcija yra ne tik plačiai naudojama šiuolaikinėse programose, bet ir labai svarbi vartotojo patirčiai. Šiame vadove parodysiu, kaip galite įgyvendinti Drag ir Drop JavaFX, sukurdami du kvadratus, kuriuos galite perkelti. Tai bus žingsnis - po - žingsnio vadovas, kad galėtumėte lengvai sekti visus būtinuosius žingsnius.

Pagrindiniai atradimai

• Drag ir Drop leidžia vartotojams lengvai perkelti objektus.
• Implementuoti Drag ir Drop JavaFX yra paprasta naudojant įvykių tvarkykles ir lambda išraiškas.
• Kolekcijų aptikimas yra esminis norint nustatyti, ar objektas buvo padėtas tam tikrame regione.

Žingsnis po žingsnio vadovas

1. Projekto nustatymas

Pirma, sukurkite naują JavaFX projektą savo kūrimo aplinkoje. Įsitikinkite, kad visos reikalingos bibliotekos yra integruotos. Pradedame nuo pagrindinio jūsų programos nustatymo, sukurdami pagrindinę klasę.

2. Sukurkite vartotojo sąsają

Šiuo atveju sukursime du kvadratus: vieną mažą, kurį norime perkelti, ir vieną didelį, kuris bus tikslas. Atitinkamas kodas atrodo taip:

Rectangle recToMove = new Rectangle(50, 50, 50, 50); // mažas kvadratas
Rectangle recTarget = new Rectangle(150, 150, 100, 100); // didelis kvadratas

Sukurdami kvadratus, nustatote jų padėtį ir dydį.

3. Nustatykite padėtį ir sceną

Kitame žingsnyje jums reikės kintamųjų, kad galėtumėte saugoti savo objektų padėtis. Nustatykite X ir Y koordinatės scenai. Šios koordinatės bus naudojamos norint stebėti judėjimą proceso metu Drag-and-Drop.

double mainX, mainY; 

4. Pridėti įvykių tvarkykles

Kitame žingsnyje reikia pridėti įvykių tvarkykles, kurios leis įgyvendinti Drag-and-Drop funkcionalumą. Pradėsime nuo tvarkyklės, skirtos pelės mygtuko paspaudimui.

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

Šiuo atveju, saugote dabartinę pelės padėtį, kai paspaudžiamas pelės mygtukas.

5. Dragging tvarkyklės įgyvendinimas

Dragavimo fazėje naudosime kitą įvykių tvarkyklę, kuri leis jums judinti kvadratą, laikant nuspaudus pelės mygtuką.

Šiuo atveju atnaujinate kvadrato padėtį, atsižvelgdami į dabartinį pelės judėjimą.

6. Pelės mygtuko paleidimas

Norėdami atsižvelgti į pelės mygtuko paleidimą, pridėkite papildomą tvarkyklę. Ši tvarkyklė pakeičia kvadrato spalvą ir patikrina, ar jis yra padėtas tam tikroje tikslinėje padėtyje.

recToMove.setOnMouseReleased(event -> { // Spalvą atnaujinti recToMove.setFill(Color.BLACK); checkBounce(recToMove);
});

7. Kolekcijų aptikimas

Norėdami patikrinti, ar perkeliamas kvadratas buvo padėtas į tikslo kvadratą, įgyvendinkite metodą, pavadintą checkBounce.

Čia nustatote, ar abu kvadratai persidengia, ir atnaujinate tikslo kvadrato spalvą atitinkamai.

8. Pridėti objektus prie scenos

Galiausiai pridėkite sukurtus kvadratus prie savo scenos ir nustatykite sceną scenoje.

Santrauka – Drag ir Drop su JavaFX

Su šiuo vadovu išmokote, kaip JavaFX įgyvendinti paprastą Drag-and-Drop sistemą. Išmokote pagrindus kolekcijų aptikimo ir pelės įvykių tvarkymo. Drag-and-Drop funkcionalumas yra esminis, siekiant užtikrinti jūsų aplikacijų patogumą vartotojui.