JavaFX käyttöliittymän kehitykseen

JavaFX ScrollPane: Vierityspalkki käyttöliittymä

Kaikki oppaan videot JavaFX käyttöliittymäkehitykseen
Denis Panjuta
Tekijä: Denis Panjuta Päivitetty viimeksi

Riippumatta siitä, työskenteletkö pienen projektin tai laajan sovelluksen parissa, Käyttöliittymä on aina keskeisessä asemassa. Tässä oppaassa opit, kuinka voit luoda vieritettävän näkymän ScrollPane:llä JavaFX:ssä. Tämä mahdollistaa sisältöjen mukautetun järjestämisen ja esittämisen.

JavaFX GUI-kehitykseen – 17 ScrollPane

Video ladataan YouTubesta vasta toistettaessa – silloin tietoja (mm. IP-osoite) siirretään YouTubelle/Googlelle. Lisää tietosuojaselosteessa

Tärkeimmät havainnot

  • ScrollPane mahdollistaa vieritettävien alueiden lisäämisen sovellukseesi.
  • Vierityspalkkia voidaan konfiguroida eri suuntiin (vaaka- ja pystysuunnassa).
  • Oikealla Kuuntelija-implementaatiolla voit päivittää sisältöjä ScrollPane:ssä dynaamisesti.

Vaiheittainen ohje

Jotta voit toteuttaa ScrollPane:n onnistuneesti JavaFX-sovelluksessasi, toimi seuraavasti:

Ensiksi luo suuri kuva, jota myöhemmin käytetään ScrollPane:ssä. Voit tehdä tämän komennolla new Image(getClass().getResourceAsStream("build.jpack")), ladaksesi kuvan. Kuva voisi olla esimerkkikuva sovelluksellesi.

JavaFX ScrollPane: Scrollattavan käyttöliittymän toteutus

Kun kuva on luotu, määrittele ScrollPane, johon haluat lisätä sisällön. Luo uusi ScrollPane komennolla ScrollPane sp = new ScrollPane() ja lisää siihen ImageView-elementti, joka näyttää kuvasi.

JavaFX ScrollPane: Scrollable käyttäjäliittymän toteutus

Tässä voit määrittää ScrollPane:n sisällön setContent()-metodilla, joka hyväksyy ImageView-elementin parametrina. Käytä new ImageView(image) näyttääksesi kuvan ImageView:ssa.

JavaFX ScrollPane: Scrollattavan käyttöliittymän toteutus

Voidaksesi syöttää arvoja dynaamisesti vierittämisen aikana, voit käyttää Kuuntelijoita. Lisää ScrollPane:hen Kuuntelija, joka näyttää vanhat ja uudet arvot vieritystoimenpiteessä. Tämä onnistuu komennolla setOnScroll(e -> {... }) ja näkyvät arvot System.out:issa.

Seuraavaksi luo uusi Scene, johon ScrollPane integroituu. Käytä Scene scene = new Scene(sp, 300, 400) määrittääksesi mitat. Tämä näyttää ScrollPane:n kohtauksessa.

JavaFX ScrollPane: Scrollattavan käyttöliittymän toteutus

Kun olet lisännyt kuvan tai ScrollPane:n oikein, voit nyt näyttää ikkunan. Komennolla primaryStage.setScene(scene) näytät kohtauksen lavalla. Tämän jälkeen voit tehdä ikkunasta näkyvän komennolla primaryStage.show().

JavaFX ScrollPane: Vierailukäyttöliittymän toteutus

Voidaksesi hallita vierityssuuntaa, voit säätää ScrollPane:n bar-policyä. Jos haluat asettaa vaakasuuntaisen vierityspalkin „älä koskaan näytä“ -asetukseen, käytä sp.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER).

JavaFX ScrollPane: Scrollattavan käyttöliittymän toteuttaminen

Kun olet tehnyt nämä asetukset, vaakasuuntainen vierityspalkki ei enää näy, mikä tarkoittaa, että vain pystysuuntainen vierittäminen on mahdollista. Säätämällä vierityspalkkeja tarpeen mukaan saat hallinnan käyttäjäkokemuksesta.

JavaFX ScrollPane: Rullaavan käyttöliittymän toteuttaminen

Tämä päätää johdannon ScrollPane-implementointiin. Näin voit käyttää ScrollPane:a tehokkaasti ja joustavasti JavaFX-sovelluksissasi luodaksesi käyttäjäystävällisen ja hyvin organisoidun käyttöliittymän.

Yhteenveto – Opas ScrollPane:n käyttöön JavaFX:ssä GUI-kehityksessä

Tämän oppaan avulla olet nyt käynyt läpi kaikki vaiheita, jotta voit toteuttaa ScrollPane:n JavaFX-sovelluksessasi. Olet oppinut, kuinka ladata kuvia, konfiguroida ScrollPane:a ja käyttää Kuuntelijoita, jotta voit syöttää dynaamisia arvoja. Näiden havaintojen avulla voit merkittävästi parantaa käyttäjäkokemusta sovelluksessasi.

Usein kysytyt kysymykset

What is ScrollPane in JavaFX?ScrollPane JavaFX:ssä on kontti, joka mahdollistaa sisältöjen vierittämisen, kun ne ovat suurempia kuin näyttöalue.

Kuinka lisään kuvan ScrollPane:hen?Lataa kuva käyttämällä new Image(getClass().getResourceAsStream("deinBildPfad")) ja lisää se ImageView:hen, joka sitten lisätään ScrollPane:hen.

Kuinka voin hallita vierityspalkkeja?Voit säätää vierityspalkkien näkyvyyttä setHbarPolicy() ja setVbarPolicy() -metodeilla, jotta voit näyttää ne aina, olla näyttämättä niitä koskaan tai näyttää ne vain tarpeen mukaan.

Onko mahdollista scrollata ScrollPane:ssä molempiin suuntiin?Kyllä, oletusarvoisesti ScrollPane voi vierittää sekä pystysuunnassa että vaakasuunnassa, ellei jompaakumpaa suuntaa määritellä „älä näytä“.

Denis Panjuta
Kouluttaja Denis Panjuta Hei! Olen Denis Panjuta ja minulla on kandidaatin tutkinto taloustekniikassa HTWG Konstanzissa, missä myös löysin innostuksen ohjelmointiin. Kaikki kurssit: Denis Panjuta