Vytvorte JavaFX ListView pre interaktívne GUIs

Hľadáte metódu, ako zobraziť zoznam v JavaFX aplikácii? V tejto príručke sa naučíte, ako vytvoriť jednoduché, ale efektívne používateľské rozhranie za pomoci ListView, ktoré vám umožní vybrať si rôzne objekty. Pozrieme sa na to, ako pridávať položky do zoznamu, robiť výber a zobrazovať vybrané položky.

Najdôležitejšie zistenia

• ListView umožňuje zobraziť zoznam položiek.
• Do ObservableList môžete pridávať položky, aby ste zabezpečili, že zobrazenie sa automaticky aktualizuje.
• Výber položiek môže byť umožnený rôznymi spôsobmi, napríklad prostredníctvom viacerých výberov.
• Zmeny vo výbere možno sledovať dynamicky pomocou listenera.

Podrobný návod

Krok 1: Vytvorenie ListView

Začnite vytvorením nového JavaFX projektu. Do svojho rozhrania pridajte ListView, pričom je dôležité, aby ste importovali potrebné knižnice. ListView vám umožní zobraziť rôzne reťazce. ListView vytvorte nasledovne:

Krok 2: Inicializácia ObservableList

Na zobrazenie položiek potrebujete ObservableList. Tento zoznam bude obsahovať reťazce, ktoré sa majú zobraziť vo vašom ListView. Uistite sa, že ste správne importovali a inštancovali ObservableList. Tento zoznam nazvite items:

Krok 3: Pridanie položiek do zoznamu

Teraz môžete pridávať jednotlivé položky do svojej ObservableList. Jednoducho pridajte dummy reťazce ako „Pes“, „Mačka“, „Myš“ a „Pikachu“. Je dôležité, aby ste dbali na správny vstup reťazcov (dávajte pozor na správne písanie):

Krok 4: Zobrazenie položiek v ListView

Ako náhle naplníte svoj zoznam položkami, nastal čas zobraziť ich v ListView. Nastavte ListView tak, aby využíval zoznam items na zobrazenie obsahu:

Krok 5: Pridanie Label

Teraz pridajte Label, ktorý bude zobrazovať výber používateľa. Text Labelu by mohol znieť napríklad „Prosím, vyberte si jeden z objektov“. Label vám pomôže priamo zobraziť vstupy používateľa:

Krok 6: Povolenie viacerého výberu

Štandardne môže používateľ vybrať iba jednu položku naraz. Ak však chcete, aby používateľ mohol vybrať viacero položiek, musíte upraviť SelectionModel svojho ListView. Nastavte režim výberu na multiple:

Krok 7: Pridanie listenera na výber

Aby ste dynamicky sledovali vybrané položky, integrujte ChangeListener. Tento listener sleduje zmeny vo výbere a aktualizuje Label s aktuálne vybranou položkou. Uistite sa, že má listener potrebné importy:

Krok 8: Dynamické zobrazenie výberu

Na konci prispôsobte text Label-u na zobrazenie aktuálne vybranej položky. Takto bude používateľ vždy vedieť, ktorú položku vybral. Pri každej zmene sa text Label-u primerane aktualizuje:

Krok 9: Testovanie a overovanie

Spustite program a skontrolujte, či všetko funguje podľa očakávania. Dbajte na to, aby viaceré výbery a aktualizácie Label-u prebiehali bez problémov. Ak je to potrebné, otvorte konzolu, aby ste skontrolovali chybové hlášky, ktoré by mohli naznačovať problémy:

Zhrnutie – JavaFX ListView – Vytvorte interaktívny zoznam pre svoje GUI

Na záver ste sa v tejto príručke naučili, ako implementovať a nastaviť ListView v JavaFX. Videli ste, ako vytvoriť ObservableList, pridávať položky, umožniť viaceré výbery a sledovať zmeny pomocou listenera. Teraz ste pripravení navrhnúť svoje vlastné používateľské rozhranie s ListViews!