JavaFX GUI izstrādei

Izveidojiet JavaFX ListView interaktīvām GUI

Visi pamācības video JavaFX GUI izstrādei

Tu meklē metodi, kā attēlot sarakstu JavaFX lietotnē? Šajā ceļvedī tu iemācīsies, kā ar ListView izveidot vienkāršu, bet efektīvu lietotāja saskarni izveidot, kas ļauj izvēlēties dažādus objektus. Mēs aplūkosim, kā tu vari pievienot saraksta elementus, izdarīt izvēli un attēlot izvēlētos elementus.

Galvenie secinājumi

  • ListView ļauj attēlot sarakstu ar elementiem.
  • Tu vari pievienot elementus ObservableList, lai nodrošinātu, ka attēlojums tiek automātiski atjaunināts.
  • Elementu izvēli varētu veikt dažādos veidos, piemēram, izmantojot vairāku izvēli.
  • Izvēles izmaiņas var dinamiski sekot ar Listener.

Solim pa solim ceļvedis

1. solis: izveidot ListView

Sāc, izveidojot jaunu JavaFX projektu. Savā saskarnē pievieno ListView, un ir svarīgi, lai tu importētu nepieciešamās bibliotēkas. ListView ļaus tev attēlot dažādus virknes datus. Tu izveido ListView šādi:

Izveidojiet JavaFX ListView interaktīvām GUI

2. solis: inicializēt ObservableList

Lai attēlotu elementus, tev nepieciešama ObservableList. Šis saraksts saturēs virknes, kas jāattēlo tavā ListView. Pārliecinies, ka tu pareizi importē un instancē ObservableList. Tu nosauksi šo sarakstu items:

Izveidojiet JavaFX ListView interaktīvām GUI

3. solis: pievienot elementus sarakstam

Tagad tu vari pievienot atsevišķus elementus savai ObservableList. Tu vari vienkārši pievienot izdomātas virknes kā “Suns”, “Kaķis”, “Pelīte” un “Pikachu”. Ir svarīgi pievērst uzmanību tam, lai virknes tiktu ievadītas pareizi (pievērs uzmanību pareizrakstībai):

4. solis: attēlot elementus ListView

Pēc tam, kad tu esi piepildījis sarakstu ar elementiem, ir laiks tos attēlot ListView. Tu tagad konfigurē ListView, lai tas izmantotu items sarakstu, lai attēlotu saturu:

5. solis: pievienot Label

Tagad pievieno Label, kas attēlo lietotāja izvēli. Label teksta varētu būt piemēram “Lūdzu izvēlies vienu no objektiem”. Label palīdzēs tev tieši attēlot lietotāja ievades:

Izveidojiet JavaFX ListView interaktīvām GUI

6. solis: ļaut vairāku izvēli

pēc noklusējuma lietotājs var izvēlēties tikai vienu elementu vienlaicīgi. Ja tu vēlies ļaut lietotājam izvēlēties vairākus elementus, tev jāpārveido sava ListView SelectionModel. Iestati izvēles režīmu uz multiple:

7. solis: pievienot Listener izvēlei

Lai dinamiski izsekotu izvēlētajiem elementiem, tu integrēsi ChangeListener. Šis Listener sekos izvēles izmaiņām un atjaunos Label ar pašlaik izvēlēto elementu. Tev jāpārliecinās, ka Listener ir nepieciešamās importēšanas komandas:

Izveidojiet JavaFX ListView interaktīvām GUI

8. solis: dinamiskā izvēles attēlošana

Visbeidzot, pielāgo Label teksta saturu, lai tas attēlotu pašlaik izvēlēto elementu. Tādā veidā lietotājam vienmēr būs skaidrs, kuru elementu viņš ir izvēlējies. Katras izmaiņas gadījumā Label teksta saturs tiks attiecīgi atjaunināts:

Izveidojiet JavaFX ListView interaktīvām GUI

9. solis: testēšana un verifikācija

Palaižot programmu, pārliecinies, vai viss darbojas kā gaidīts. Pievērs uzmanību tam, lai vairāku izvēle un Label atjaunināšana notiktu bez traucējumiem. Ja tas ir pieejams, atver konsoli, lai meklētu kļūdu ziņojumus, kas varētu norādīt uz problēmām:

Izveidojiet JavaFX ListView interaktīvām GUI

Secinājums – JavaFX ListView – Izveido interaktīvu sarakstu savai GUI

Kopumā šajā ceļvedī tu iemācījies, kā implementēt un konfigurēt ListView JavaFX. Tu esi redzējis, kā izveidot ObservableList, pievienot elementus, ļaut vairāku izvēli un izsekot izmaiņām ar Listener. Tagad tu esi gatavs izveidot savu lietotāja saskarni ar ListView!

Biežāk uzdotie jautājumi

Kas ir ListView JavaFX?ListView ir kontroles elements, kas attēlo sarakstu ar elementiem, kurus var izvēlēties lietotāji.

Kā izveidot ObservableList?Tu vari izveidot ObservableList, izmantojot FXCollections.observableArrayList() un pievienojot vēlamās elementus.

Kā aktivizēt vairāku izvēli ListView?Tev jāpārveido ListView SelectionModel, iestata to uz multiple režīmu.

Kā izsekot izvēles izmaiņām?Tas tiek panākts, pievienojot ChangeListener savam SelectionModel.

Kādi ir ObservableList priekšrocības?Tie automātiski atjaunināsies, kad tiks pievienoti vai noņemti elementi, un tie labi sadarbosies ar JavaFX GUI elementiem.