JavaFX felhasználói felület fejlesztéshez

Hozz létre egy JavaFX ListView-t interaktív GUI-khoz

A bemutató összes videója JavaFX interfészfejlesztéshez

Te egy JavaFX alkalmazásban egy lista megjelenítésének módszerét keresed? Ebben az útmutatóban megtanulod, hogyan tudsz egy ListView segítségével egy egyszerű, de hatékony felhasználói felületet létrehozni, amely lehetővé teszi számodra, hogy különböző objektumokat válassz. Megnézzük, hogyan tudsz listaelemeket hozzáadni, választani és megjeleníteni a kiválasztott elemeket.

Legfontosabb megállapítások

  • Egy ListView lehetővé teszi egy elemekből álló lista megjelenítését.
  • Elemeket adhatsz hozzá egy ObservableList-hez, hogy biztosítsd, hogy a megjelenítés automatikusan frissüljön.
  • Az elemek kiválasztása különböző módon lehetséges, például többszörös kiválasztással.
  • A kiválasztás változásait dinamikusan nyomon követheted Listener-en keresztül.

Lépésről-lépésre útmutató

1. lépés: ListView létrehozása

Kezdj el egy új JavaFX projekt létrehozásával. A felületedhez adj hozzá egy ListView-t, amely fontos, hogy importáld a szükséges könyvtárakat. A ListView segítségével sokféle Stringet tudsz megjeleníteni. A ListView-t a következőképpen hozod létre:

Hozz létre egy JavaFX ListView-t interaktív GUI-khoz

2. lépés: ObservableList inicializálása

A listák megjelenítéséhez szükséged van egy ObservableList-ra. Ez a lista tartalmazni fogja azokat a stringeket, amelyeket a ListView-dal szeretnél megjeleníteni. Győződj meg róla, hogy az ObservableList-t helyesen importálod és létrehozod. Ezt a listát items-nek nevezd el:

Hozz létre egy JavaFX ListView-t interaktív GUI-khoz

3. lépés: Elemet hozzáadni a listához

Most egyes elemeket adhatsz hozzá az ObservableList-hoz. Egyszerűen adj hozzá dummy stringeket, mint például „Kutya”, „Macska”, „Egér” és „Pikachu”. Fontos, hogy figyelj arra, hogy a stringeket helyesen add meg (figyelj a helyesírásra):

4. lépés: Elemet megjeleníteni a ListView-ban

Miután feltöltötted a listádat elemekkel, itt az ideje, hogy ezeket megjelenítsd a ListView-ban. Most állítsd be a ListView-t úgy, hogy az az items listát használja a tartalom megjelenítésére:

5. lépés: Címke hozzáadása

Most adj hozzá egy címet, amely megjeleníti a felhasználó választását. A címke szövege például „Kérlek, válassz egy objektumot” lehet. A címke segíteni fog neked, hogy a felhasználó beviteli adatokat közvetlenül megjelenítsd:

Hozz létre egy JavaFX ListView-t interaktív felhasználói felületekhez

6. lépés: Többszörös kiválasztás engedélyezése

Alapértelmezetten a felhasználó csak egy elemet választhat ki egyszerre. Ha azonban szeretnéd, hogy a felhasználó több elemet választhasson, módosítanod kell a ListView SelectionModel-ját. Állítsd a kiválasztási módot többszörös módra:

7. lépés: Listener hozzáadása a kiválasztáshoz

A kiválasztott elemek dinamikus nyomon követéséhez integrálj egy ChangeListener-t. Ez a listener figyelmezteti a kiválasztás változásaira és frissíti a címkét a jelenleg kiválasztott elemmel. Biztosítanod kell, hogy a listener rendelkezik a szükséges import utasításokkal:

Hozz létre egy JavaFX ListView-t interaktív GUI-khoz

8. lépés: Kiválasztás dinamikus megjelenítése

Végül módosítsd a címke szövegét, hogy a jelenleg kiválasztott elemet mutassa. Így a felhasználó mindig tudni fogja, melyik elemet választotta ki éppen. Minden változásnál a címke szövege ennek megfelelően frissül:

Hozz létre egy JavaFX ListView-t interaktív GUI-khoz

9. lépés: Tesztelés és ellenőrzés

Indítsd el a programot, és ellenőrizd, hogy minden kívánt módon működik-e. Figyelj arra, hogy a többszörös választás és a címke frissítése zökkenőmentesen működjön. Ha van, nyisd meg a konzolt hibajelzésekre, amelyek problémákra utalhatnak:

Hozz létre egy JavaFX ListView-t interaktív GUI-khoz

Összefoglalás – JavaFX ListView – Készíts egy interaktív listát a GUI-dhoz

Összefoglalva, ebben az útmutatóban megtanultad, hogyan valósíts meg és állíts be egy ListView-t JavaFX-ben. Megnézted, hogyan lehet létrehozni egy ObservableList-t, elemeket hozzáadni, több választási lehetőséget engedélyezni, és változásokat nyomon követni egy listener segítségével. Most készen állsz, hogy saját felhasználói felületedet ListView-kkal alakítsd ki!

Gyakran ismételt kérdések

Mi az a ListView a JavaFX-ben?A ListView egy vezérlőelem, amely egy választható elemekből álló listát jelenít meg.

Hogyan hozhatok létre egy ObservableList-t?ObservableList-t hozhatsz létre a FXCollections.observableArrayList() használatával, és hozzád hozzá a kívánt elemeket.

Hogyan tudom aktiválni a többszörös kiválasztást egy ListView-ban?A ListView SelectionModel-ját a többszörös módra kell állítanod.

Hogyan követhetem nyomon a választás változásait?Ezt úgy éred el, hogy ChangeListener-t adsz a SelectionModel-hoz.

Mik a jellemzői az ObservableLists-nek?Automatikusan frissülnek, amikor elemeket adnak hozzá vagy távolítanak el, és jól működnek a JavaFX GUI elemekkel.