JavaFX kasutajaliidese arendamiseks

Loo JavaFX ListView interaktiivsetele GUI-dele

Kõik õpetuse videod JavaFX kasutajaliidese arendamiseks

Kas otsid meetodit, et kuvada loend JavaFX rakenduses? Selles juhendis õpid, kuidas luua lihtne, kuid efektiivne kasutajaliides ListView abil, mis võimaldab sul valida erinevaid objekte. Vaatame, kuidas lisada loendi elemente, teha valikuid ja kuvada valitud elemente.

Peamised järeldused

  • ListView võimaldab kuvada elementide loendit.
  • Sa saad lisada elemente ObservableList'i, et tagada automaatne uuendamine.
  • Elementide valiku tegemiseks võib olla erinevaid viise, näiteks mitme valiku võimaldamine.
  • Valiku muutusi saab dünaamiliselt jälgida Listenerite kaudu.

Juhend samm-sammult

Samm 1: Loo ListView

Alusta uue JavaFX projekti loomisega. Sinu liidesesse lisa ListView, on oluline, et impordid vajalikud teegid. ListView võimaldab sul esitada mitmekesiseid stringe. Looge ListView järgmisel maal:

Loo JavaFX ListView interaktiivsete GUI-de jaoks

Samm 2: Initsialiseeri ObservableList

Elementide kuvamiseks vajad ObservableList'i. See loend sisaldab stringe, mis kuvatakse sinu ListView's. Veendu, et impordid ja instantsiired ObservableList'i õigesti. Nimetad selle loendi items:

Loo interaktiivsete kasutajaliideste jaoks JavaFX ListView

Samm 3: Lisa elemente loendisse

Nüüd saad lisada üksikuid elemente oma ObservableList'i. Lisa lihtsalt näidis stringe nagu „Koer“, „Kass“, „Hiir“ ja „Pikachu“. Oluline on, et sisestaksid stringid õigesti (pea meeles õiget kirjutamist):

Samm 4: Kuvage elemendid ListView's

Pärast seda, kui oled oma loendi elementidega täitnud, on aeg need ListView's kuvada. Seadista nüüd ListView nii, et see kasutab items loendit sisu kuvamiseks:

Samm 5: Lisa silt

Lisa nüüd silt, mis näitab kasutaja valikut. Silti tekst võiks näiteks olla „Palun vali üks objekti“. Silt aitab sul näidata kasutaja sisendeid otse:

Loo JavaFX ListView interaktiivsete kasutajaliideste jaoks

Samm 6: Luba mitme valiku

Vaikimisi saab kasutaja valida ainult ühe elemendi korraga. Kui soovid, et kasutaja saaks valida mitmeid elemente, pead kohandama oma ListView'i SelectionModel'i. Muuda valikurežiimi mitme valiku režiimiks:

Samm 7: Lisa valiku Listener

Valitud elementide dünaamiliseks jälgimiseks integreeri ChangeListener. See Listener jälgib valiku muutusi ja uuendab silti praeguse valitud elemendiga. Pead veenduma, et listeneril on vajalikud impordi käsud:

Loo JavaFX ListView interaktiivseteks GUIdeks

Samm 8: Näita valikut dünaamiliselt

Lõpuks kohanda silti teksti, et see näitaks praegust valitud elementi. Nii teab kasutaja alati, millist elementi ta parajasti valinud on. Iga muudatuse korral uuendatakse silti teksti vastavalt:

Loo interaktiivsete graafiliste kasutajaliideste jaoks JavaFX ListView

Samm 9: Testi ja verifitseeri

Käivita programm ja kontrolli, kas kõik toimib nagu soovitud. Veendu, et mitme valiku ja silti värskendamine toimivad sujuvalt. Kui olemas, ava konsool veateadete jaoks, mis võivad viidata probleemidele:

Loo JavaFX ListView interaktiivsete GUI-de jaoks

Kokkuvõte – JavaFX ListView – Loo interaktiivne loend oma GUI jaoks

Kokkuvõtteks oled selles juhendis õppinud, kuidas rakendada ja seadistada ListView'd JavaFX'is. Oled näinud, kuidas luua ObservableList, lisada elemente, lubada mitme valiku ja jälgida muutusi Listeneriga. Nüüd oled valmis kujundama oma kasutajaliidesi ListView'dega!

Korduma kippuvad küsimused

Mis on ListView JavaFX'is?ListView on komponendi tüüp, mis esindab elementide loendit, mida kasutajad saavad valida.

Kuidas luua ObservableList?Sa saad luua ObservableList'i, kasutades FXCollections.observableArrayList() ja lisades soovitud elemendid.

Kuidas saa mitme valiku aktiveerida ListView's?Pead seadma ListView'i SelectionModel'i mitme režiimi peale.

Kuidas jälgida valiku muudatusi?Sa saad seda teha, lisades oma SelectionModel'ile ChangeListeneri.

Millised on ObservableLists'i eelised?Need uuendavad end automaatselt, kui elemente lisatakse või eemaldatakse, ning töötavad hästi JavaFX'i GUI elementidega.