JavaFX kasutajaliidese arendamiseks

ProgressBari ja ProgressIndikaatori rakendamine JavaFX-is

Kõik õpetuse videod JavaFX kasutajaliidese arendamiseks

JavaFX pakub mitmeid vidinaid atraktiivsete kasutajaliideste arendamiseks. Kaks neist vidinatest on ProgressBar ja ProgressIndicator, mida käsitletakse selles õpetuses üksikasjalikult. Need kaks komponenti aitavad visuaalselt esitada teatud protsessi edenemist, mis on eriti kasulik rakenduste, nagu failide allalaadimise või installimisprotsesside puhul. Järgnevalt õpid, kuidas neid elemente rakenduses rakendada ja omavahel ühendada.

Olulised punktid

  • ProgressBar kuvab edenemist ribana.
  • ProgressIndicator visualiseerib edenemist ringina.
  • Mõlemat vidinat saab dünaamiliselt uuendada muudatuste jälgimise abil.

Samm-sammult juhend

Esimene asi, mida peame tegema, on veenduda, et valime oma rakendusele sobiva paigutuse. Kasutame selleks GridPane'i, mis võimaldab selget korraldust.

Samm 1: Algsete elementide algatamine

Esimene samm on luua GridPane, et määrata oma kasutajaliidese struktuur. Sul on vaja ainult seda komponenti ProgressBar'i, ProgressIndicator'i ja slaidi paigutamiseks.

ProgressBar ja ProgressIndicatori rakendamine JavaFX-is

Samm 2: Loo slaider

Järgmiseks lisame slaidi, mis võimaldab sul edenemisväärtust seadistada. Slaidi konfigureerimiseks kasutatakse minimaalset ja maksimaalset väärtust. Määra minimaalne väärtus 0 ja maksimaalne väärtus 100, et luua oma rakendusele mõistlik vahemik.

ProgressBar ja ProgressIndicatori rakendamine JavaFX-is

Samm 3: Rakenda ProgressBar

Nüüd jõuame järgmise sammuna ProgressBar'i instantsiaalseerimise juurde. Määra algväärtus 0, et ProgressBar alguses tühi oleks. Seda saad teha uue ProgressBar()-meetodi abil.

Samm 4: Lisa ProgressIndicator

Sarnaselt ProgressBar'ile tuleb ka ProgressIndicator luua. Veendu, et ka see oleks konfigureeritud algväärtusega 0, et tagada sünkroniseeritud käivitamine koos ProgressBar'iga.

Samm 5: Ühenda slaider jälgijatega

Nüüd saab põnevaks, sest soovime, et ProgressBar ja ProgressIndicator uuendatakse dünaamiliselt, kui slaiderit liigutatakse. Sa saad seda teha, lisades muudatusetuleku jälgija, mis käivitatakse iga kord, kui slaideri väärtust muudetakse. Siin saad slaideri väärtuse muundada vahemikku 0 kuni 1 ProgressBar'i jaoks.

Samm 6: Uuenda ProgressBar ja ProgressIndicator

Muudatusetuleku jälgijas määrake nüüd ProgressBar'i ja ProgressIndicator'i uus väärtus. Pange tähele, et ProgressBar'i väärtus peab olema vahemikus 0 kuni 1. Siin on kasulik jagada slaideri väärtus 100-ga.

ProgressBar ja ProgressIndicatori rakendamine JavaFX-is

Samm 7: Lisa elemendid GridPane'i

Nüüd pead lisama ProgressBar'i, ProgressIndicator'i ja slaidi oma GridPane'i. Oluline on määrata iga elemendi õige asukoht (veergude ja ridade väärtused), et nad oleksid paigutuses õigesti kuvatud.

ProgressBar ja ProgressIndicatori rakendamine JavaFX-is

Samm 8: Testi oma rakendust

Pärast kõigi komponentide lisamist on aeg käivitada oma programm. Kui sa slaiderit liigutad, peaksid sa selgelt nägema, kuidas ProgressBar ja ProgressIndicator vastavalt uuenevad. See annab kasutajale selge tagasiside protsessi edenemise kohta.

ProgressBar ja ProgressIndicatori rakendamine JavaFX-is

Kokkuvõte – ProgressBar'i ja ProgressIndicator'i mõistmine ning rakendamine JavaFX-is

Selles juhendis on selgitatud, kuidas rakendada ProgressBar'i ja ProgressIndicator'i tõhusalt JavaFX rakenduses ning omavahel ühendada. Sa oled õppinud, kuidas kasutada slaiderit, et edusamme visuaalselt esitada, ja kuidas neid kahte edenemisnäidikut dünaamiliselt uuendada.

Korduma kippuvad küsimused

Kuidas saan oma rakenduses ProgressBar'i stiliseerida?Sa saad kasutada JavaFX-is stiili atribuute oma ProgressBar'i väljanägemise kohandamiseks.

Kas ProgressIndicator töötab ka ilma slaiderita?Jah, ProgressIndicatorit saab kasutada iseseisvalt slaiderist, et esitada edenemist erinevates protsessides.

Kuidas saan programeeritult edenemist seadistada?Sa saad edenemist muuta ProgressBar'i ja ProgressIndicator'i setProgress(double)-meetodi abil.