JavaFX: graafinen käyttöliittymäkehitys

Kieli: Saksa

JavaFX käyttöliittymäkehitykseen

Paina nappia! Älä enää raavi pintaa, vaan luo se itse haluamallasi tavalla! Täytyy itse käydä läpi JavaFX-rakenne piste pisteeltä tämän koulutuksen avulla, jotta loppujen lopuksi voisi luoda omia käyttöliittymiä. Lisää tyhjään näyttöön kenttiä syöttämistä varten, painikkeita painamista varten, kaavioita havainnollistamista varten tai valikoita "Tiedosto" ja "Muokkaa". Yksinkertaisesti sanottuna - anna käyttäjien klikkailla, vierittää ja koskettaa! 56 syventävää oppituntia interaktiivisille pinnoille yli 7,5 tunnin videokoulutusta, käytännöllisesti selitettyinä ja maksuttoman ohjelmiston kera suoraan seurattavissa - hallitset näin lyhyessä ajassa kaikki elementit, joita tarvitaan modernissa ohjelmistojen ohjaus- ja navigointitekniikassa.

56 oppituntia yli 7,5 tunnin videotreeniä JavaFX:llä toteutettuun käyttöliittymäkehitykseen.
Opi luomaan kaikki tärkeät käyttöliittymäelementit ja luo oma käyttöliittymäsi
Ohjelmoinnin taiteilija ja ammattivalmentaja Denis Panjutan.

Ole yhteydessä JavaFX:ään ja kehitä uraauurtavia käyttöliittymiä!

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

tiedot

Käyttökelpoinen sen kanssa:
Sisältö: 8 h Videokoulutus
Lisenssi: yksityinen ja kaupallinen Käyttöoikeudet

Luokat

Verkkosuunnittelu, CMS ja kehitys

Rakkaudella luonut:

Denis Panjuta

Täältä startataan

JavaFX käyttöliittymäkehitykseen - 01 Ohjelmiston lataaminen ja asentaminen

JavaFX:n avulla käyttöliittymän kehittämiseen - 01 Lataa ja asenna ohjelmisto

Tässä videossa lataamme tarvittavan ohjelmiston ja asennamme sen.

Perusteet

JavaFX käyttöliittymäkehitykseen - 02 Ensimmäinen ikkunamme - Stage, Scene ja Node JavaFX:ssä

JavaFX GUI-kehitykseen - 02 Ensimmäinen ikkunamme - Stage, Scene ja Node JavaFX:ssä

Tässä videossa opit, kuinka luot ensimmäisen käyttöliittymäsi JavaFX:ssä ensimmäisen ikkunasi perusteella. Sinun tulee tuntea jo Java perusteet, koska en käsittele enää perusasioita kuten luokat, funktiot, muuttujat jne.

JavaFX käyttöliittymän kehittämiseen - 03 Käyttäjävuorovaikutuksen hyödyntäminen tapahtumakäsittelijän avulla

JavaFX käyttöliittymän kehitykseen - 03 Käyttäjävuorovaikutuksen hyödyntäminen tapahtumankäsittelijällä

Tässä videossa opit, kuinka voit käyttää käyttäjän vuorovaikutusta tapahtumankäsittelijän avulla esimerkiksi suorittaaksesi jotain, kun painiketta on klikattu.

JavaFX GUI-kehitykseen - 04 Tekstin käyttö GUI:ssa

JavaFX GUI-kehitykseen - 04 Tekstin käyttöliittymässä

Tässä videossa opit, miten voit käyttää tekstikenttiä GUI:ssasi. Tämä perustuu edellisten videoiden tietoihin. Tähän käytämme Teksti-luokkaa. Tämä mahdollistaa meille määrittää, minkä tekstin haluamme näyttää ikkunassa.

JavaFX GUI-kehitykseen - 05 JavaFX-label - Vaihtoehto tekstille

JavaFX GUI-kehitykseen - 05 Etiketti JavaFX:ssä - Vaihtoehto tekstillä

Tässä videossa opit, mitä merkillä on merkitystä ja mikä ero sillä on tekstiin verrattuna. Olet jo oppinut, miten voit näyttää tekstiä GUI:ssa tekstiluokan avulla.

JavaFX käyttöliittymäkehitykseen - 06 Usean näkymän käyttö

JavaFX käyttöliittymän kehitykseen - 06 Useiden scenien käyttäminen

Tässä opit, miten useiden näkymien käyttö JavaFX:ssä toimii. Tähän asti olemme työskennelleet aina vain yhden näkymän kanssa, nyt on aika oppia, miten usean näkymän käyttö toimii.

JavaFX käyttöliittymäkehitykseen - 07 Lambda-ilmaisut ja yksinkertaiset painikkeen klikkaukset.

Tässä videossa opit helpomman tavan työskennellä painikkeiden kanssa käyttämällä Lambda-ilmaisuja ja yksinkertaisia painikkeen klikkauksia JavaFX:ssä.

Täysillä kohti omaa käyttöliittymää UI-komponenttien avulla

JavaFX käyttöliittymäkehitykseen - 08 Tekstikenttä

JavaFX käyttöliittymän kehitykseen - 08 Tekstikenttä

Tässä videossa opit, miten GridPane ja TextField toimivat JavaFX:ssä. Ne ovat tekstikenttiä, joihin käyttäjä voi syöttää tekstiä.

JavaFX käyttöliittymäkehitykseen – 09 Salasanakenttä

JavaFX GUI:n kehittämiseen - 09 PasswordField

Tässä videossa opit, miten lisätä ja käyttää salasanakenttää JavaFX:ssä. Tämä on tekstikenttä, johon voi syöttää salasanan, joka on piilotettu.

JavaFX GUI-kehitykseen - 10 tekstikenttää

JavaFX käyttöliittymän kehitykseen - 10 tekstikenttää

Tässä videossa opit, miten TextAreaa voidaan käyttää JavaFX:ssä. Se on suurempi tekstikenttä, jota käytetään pidempiin tekstisyöttöihin.

JavaFX käyttöliittymäkehitykseen - 11 valintapainiketta

Tässä videossa opit Toggle-painikkeen käytön JavaFX:ssä. Sen avulla kirjoitamme pienen ohjelman, jossa käyttäjän tulee ilmoittaa, minkä väriset silmät hänellä on.

JavaFX käyttöliittymäohjelmointiin – 12 radiopainiketta

Tässä videossa käsittelemme radiopainiketta JavaFX:ssä ja tutkimme, miten voimme käyttää radiopainike-luokkaa. Radiopainiketta voidaan valita tai poistaa valinta.

JavaFX GUI-kehitykseen - 13 valintaruutua

JavaFX käyttöliittymäkehitykseen - 13 valintaruutua

Tässä videossa käsittelemme valintaruutua JavaFX:ssä. Ne ovat valittavissa olevia ruutuja, jotka voivat esimerkiksi olla käytössä mieltymysten asettamisessa pizzan tilaamisessa.

JavaFX käyttöliittymäkehitykseen - 14 ChoiceBox

Tässä videossa käsitellään Choice-Boxia JavaFX:ssä. Kyseessä on alasvetovalikko, jossa voi valita eri vaihtoehdoista.

JavaFX käyttöliittymäohjelmointiin – 15 ComboBoxia

JavaFX GUI-kehitykseen - 15 ComboBox

Tässä opit ComboBoxin käytön JavaFX:ssä. Kyseessä on laatikko, joka on samankaltainen kuin valintalaatikko, mutta tässä meillä on esimerkiksi myös mahdollisuus lisätä kohteita suorituksen aikana.

JavaFX GUI-kehitykseen - 16 vierityspalkkia

JavaFX käyttöliittymäkehitykseen - 16 ScrollBaria

Tässä videossa opit, miten JavaFX:ssä voidaan käyttää vierityspalkkia. Tähän tarkoitukseen luomme ja käytämme vieritettävää aluetta.

JavaFX käyttöliittymän kehitykseen - 17 ScrollPane.

JavaFX GUI-kehitykseen – 17 ScrollPane

Tässä videossa opit, miten käytetään ScrollPanea JavaFX:ssä. Se vastaa Scroll-Baria, ja se on vieritettävä alue, jossa on vierityspalkkeja.

JavaFX käyttöliittymän kehitykseen - 18 liukusädintä.

JavaFX GUI-kehitykseen - 18 liukusäädintä

Tässä videossa käsittelemme liukusäätimiä JavaFX:ssä. Liukusäätimet mahdollistavat käyttäjän asettaa arvoja palkkiin. Tämän avulla hän voi esimerkiksi säätää väriarvoja.

JavaFX käyttöliittymän kehitykseen - 19 edistyminen - ja edistymisen ilmaisin

JavaFX GUI-kehitykseen – 19 edistymispalkkia ja edistymisen ilmaisin

Tässä videossa käsitellään JavaFX:n Progress-Baria. Se on latauspalkki, jonka näkee esimerkiksi tiedoston latauksen aikana tai tiedostojen kopioinnin yhteydessä.

JavaFX:lle käyttöliittymäkehitykseen – 20 Päivämäärän valitsinta

JavaFX käyttöliittymäkehitykseen - 20 Datepickeria

Tässä videossa käsitellään päivämäärävalitsinta JavaFX:ssä ja miten sitä voi käyttää. Se on käyttöliittymäelementti, jota olet varmasti jo nähnyt. Se mahdollistaa päivämäärän valitsemisen.

JavaFX käyttöliittymäkehitykseen - 21 ColorPicker

JavaFX käyttöliittymän kehitykseen - 21 ColorPicker

Tässä videossa käsittelemme Color-Pickeria JavaFX:ssä. Se on käyttöliittymäelementti, jonka avulla voimme valita värin. Katsotaanpa, miten tällainen Color-Picker rakennetaan ja käytetään JavaFX:ssä.

JavaFX käyttöliittymän kehitykseen - 22 FileChooser

JavaFX käyttöliittymäkehitykseen – 22 FileChooser

Tässä videossa opit, kuinka luoda ja käyttää tiedostovalitsinta JavaFX:ssä. Kyseessä on käyttöliittymäelementti, joka mahdollistaa tiedoston valitsemisen omasta tiedostojärjestelmästä.

JavaFX käyttöliittymän kehitykseen - 23 FileChooser (harjoitustehtävä)

JavaFX käyttöliittymäkehitykseen - 23 FileChooser (harjoitustehtävä)

Tässä vahvistat ymmärrystäsi tiedostovalitsimesta.

JavaFX käyttöliittymän kehitykseen - 24 ListView.

Tässä videossa käsittelemme yhtä erilaisista näkymistä, nimittäin ListView JavaFX:ssä. Tämä on näkymä, johon voi lisätä listaelementtejä.

JavaFX käyttöliittymäkehitykseen – 25 taulukkonäkymää

JavaFX GUI-kehitykseen – 25 taulukko

Tässä videossa käsittelemme TableViewia JavaFX:ssä. Tämä on toinen näkymätyyppi, jonka avulla voimme käyttää ja näyttää taulukoita. Katsotaanpa, miten TableView luodaan JavaFX:ssä.

JavaFX GUI-kehitykseen – 26 TreeView

Tässä videossa opit käyttämään ja hyödyntämään Tree-Viewsia JavaFX:ssä. Tämä on näkymä, jossa voit järjestellä elementtejä kuin puussa useilla oksilla.

JavaFX käyttöliittymäkehitykseen - 28 HTML-editori

JavaFX GUI-kehitykseen - 28 HTML-editori

Tässä opit tuntemaan HTML-editorin JavaFX:ssä ja näet, miten sitä käytetään. HTML on skriptikieli, jota käytetään verkkosivujen kehittämisessä.

Layoutit

JavaFX käyttöliittymäkehitykseen - 29 HBox.

Tässä luvussa käsittelemme Layouteja, ja yksi näistä Layouteista on HBox JavaFX:ssä. Tässä yhteydessä tarkastelemme seuraavissa videoissa erilaisia layouteja ja opimme niiden erot.

JavaFX käyttöliittymän kehitykseen - 30 pystysuuntaista laatikkoa

JavaFX käyttöliittymäkehitykseen - 30 pystysuuntaista laatikkoa

VBox mahdollistaa kaikkien elementtien vertikaalisen järjestämisen.

JavaFX käyttöliittymäkehitykseen - 31 FlowPane

Tässä videossa käsitellään FlowPanea JavaFX:ssä. Kyseessä on JavaFX API:n layout-luokka. Katso käytännön esimerkki FlowPanesta suoraan.

JavaFX:n käyttöliittymäohjelmointiin – 32 BorderPane.

JavaFX käyttöliittymäkehitykseen - 32 BorderPane

Tässä videossa on kyse BorderPane JavaFX:ssä. Tämä on toinen asettelu, joka mahdollistaa solmujen järjestämisen vastaavasti.

JavaFX käyttöliittymän kehitykseen - 33 TitledPane-aikaterapiaa

JavaFX:n käyttöliittymän kehittämiseen - 33 TitledPanea

Tässä videossa käsitellään TitledPane JavaFX:ssä. Siinä on kyse toisesta sijoitusmuodosta. Yksi, jossa määritetään melko yksinkertaisesti otsikko sijoitukselle ja lisätään solmut sijoitukseen.

JavaFX GUI-kehitykseen - 34-valikko

Tässä videossa opit, miten luodaan valikko.

Formen

JavaFX käyttöliittymien kehitykseen - 35 riviä

JavaFX käyttöliittymäkehitykseen – 35 riviä

Seuraavissa videoissa käsitellään muotoja. Line on ensimmäinen muoto, jota tarkastelemme.

JavaFX käyttöliittymän kehitykseen - 36 riviä (haaste)

JavaFX käyttöliittymäkehitykseen - 36 riviä (haaste)

Tässä videossa vahvistat ymmärrystäsi Linjasta ja kankaasta.

JavaFX GUI-kehitykseen - 37 ympyrää ja ympyräkaarta

JavaFX käyttöliittymäohjelmointiin - 37 ympyrää ja ympyräkaarta

Tässä videossa käsittelemme JavaFX:ssä muotoja Circle ja Circle Arc. Circle tulee englannin kielestä ja tarkoittaa ympyrää. Maalaamme siis ympyröitä.

JavaFX käyttöliittymän kehitykseen - 38 Polylinjaa ja monikulmiota.

JavaFX käyttöliittymän kehitykseen - 38 Polylineä ja Polygonia.

Tässä videossa on kyse Polylinjasta ja Monikulmiosta JavaFX:ssä. Ne ovat muotoja, joilla on useita kulmia.

JavaFX GUI:n kehittämiseen - 39 suorakulmiota ja ellipsiä

JavaFX käyttöliittymäohjelmointiin - 39 suorakulmiota ja ellipsiä

Tässä videossa opit käyttämään Rectanglea ja Ellipsea JavaFX:ssä. Rectangle on neliö, jota olemme käyttäneet aiemmin, ja Ellipse on litistetty ympyrä. Molemmat ovat Shape-yliluokan alaluokkia.

JavaFX käyttöliittymän kehitykseen - 40 Path

JavaFX käyttöliittymän kehitykseen - 40 polkua

Tässä videossa käsitellään Pathia JavaFX:ssä. Path mahdollistaa meille tehdä polkuja muotojen avulla, eli käytännössä piirtää viivan, joka kulkee kaikkiin mahdollisiin suuntiin.

JavaFX käyttöliittymäkehitykseen - 41 Gradienttiväriä ja väri.

JavaFX käyttöliittymäkehitykseen - 41 Gradient värillä ja väri.

Tässä videossa käsittelemme Gradient Coloria ja Coloria JavaFX:ssä. Kyseessä ovat värit ja värien vaihtelut.

Diagramme

JavaFX käyttöliittymäkehitykseen - 42 PiirakkaKaavio

JavaFX käyttöliittymän kehitykseen - 42 ympyräkaavio

Tässä videossa on kyse pylväsdiagrammeista, eli kaaviosta ja siitä, miten ne luodaan.

JavaFX käyttöliittymäkehitykseen - 43 LineChart.

JavaFX GUI-kehitykseen - 43 LineChart

Tässä videossa käsitellään viivakaavioita eli liniakaavioita ja miten ne luodaan.

JavaFX käyttöliittymäkehitykseen - 44 pylväskaavio - BarChart

JavaFX käyttöliittymäkehitykseen - 44 pylväskaavio - Pylväskaavio

Tässä videossa käsitellään pylväskaavioita eli palkkikaavioita ja miten ne luodaan.

JavaFX:n käyttöliittymäkehitykseen - 45 (Pinottu) AreaChart

JavaFX GUI-kehitykseen – 45 (Pinottu) Pinta-kaavio

Tässä videossa käsittelemme Area-kaaviota JavaFXissä. Kyseessä on toinen kaksiakselinen kaavio. Siinä on pääasiassa eroa viivakaavioon siten, että viivan alla oleva viiniväri täytetään myös, nollapisteen tai alimman pisteen kohdalla.

JavaFX GUI-kehitykseen - 46 hajontakaavio

JavaFX käyttöliittymäkehitykseen - 46 hajontakaaviota

Tässä videossa käsitellään Scatter-kaaviota JavaFX:ssä. Kyseessä on kaaviotyyppi, jossa yksittäiset arvot näytetään erillisinä pisteinä.

Tapahtumat

JavaFX: käyttöliittymän kehittämiseen - 47 tapahtumaa ja tapahtumasuodatin

JavaFX käyttöliittymäkehitykseen - 47 tapahtumaa ja tapahtumien suodatin

Tässä videossa opit tuntemaan tapahtumat ja tapahtumafiltriit JavaFX:ssä. Periaatteessa kyse on siitä, mitä tapahtuu, kun esimerkiksi siirrät hiiren tietyn elementin yli tai painat näppäintä näppäimistöltä. Katsotaan ensin hiiritapahtumia JavaFX:ssä.

JavaFX käyttöliittymän kehitykseen - 48 ele-tapahtumaa

Tässä videossa opit erilaiset ele-tapahtumat JavaFX:ssä. Ne ovat tapahtumia, jotka ovat erityisen mielenkiintoisia kosketuslaitteissa. Tämä pätee erityisesti Windows 8:aan ja sitä uudempiin versioihin.

JavaFX käyttöliittymäkehitykseen - 49 tapahtumankäsittelijää

JavaFX käyttöliittymien kehitykseen - 49 tapahtumankäsittelijää

Tässä videossa käsitellään tapahtumankäsittelijöitä JavaFX:ssä. Olemme jo työskennelleet tapahtumankäsittelijöiden parissa, mutta halusin selittää tämän vielä hieman yksityiskohtaisemmin.

JavaFX käyttöliittymän kehitykseen - 50 muodon raahaaminen ja pudottaminen.

JavaFX käyttöliittymän kehitykseen - 50 muodon raahaus ja pudotus

Tässä videossa opit Drag ja Drop -toiminnon käytön JavaFX:ssä. Tämä on yleinen menetelmä ohjelmissa. Voit vetää („draggen“) ja pudottaa („droppen“) elementin (esim. Node).

Ääni ja video

JavaFX GUI-kehitykseen – 51 Audiotoisto-ohjelma

JavaFX käyttöliittymän kehitykseen - 51 äänisoitin

Tässä videossa opit äänensoiton käytön JavaFX:ssä eli miten voit toistaa äänitiedoston JavaFX:ssä.

JavaFX käyttöliittymän kehitykseen - 52 ominaisuutta Mediasoittimelta

JavaFX käyttöliittymän kehitykseen - 52 ominaisuutta Mediasoittimella

Tässä videossa opit käyttämään Mediasoittimen ominaisuuksia.

JavaFX käyttöliittymäkehitykseen – 53 VideoPlayer

Tässä videossa opit käyttämään videotoistinta JavaFX:ssä eli kuinka voit toistaa ja näyttää videotiedoston JavaFX:llä.

SceneBuilder

JavaFX GUI-kehitykseen - 54 Scene Builder (johdanto)

Tässä videossa opit tuntemaan Scene Builderin. Työkalun, joka helpottaa GUI:n rakentamista äärimmäisen paljon.

JavaFX käyttöliittymäkehitykseen – 55 ohjain

JavaFX GUI-kehitykseen - 55 ohjain

Tässä videossa on kyse ohjaimesta, joka hallitsee kommunikaatiota Scene Builderin ja ohjelmamme välillä.

JavaFX GUI-kehitykseen - 56 Scene Builder (Projekti)

JavaFX käyttöliittymäohjelmointiin - 56 Scene Builder (projekti)

Viimeisenä luomme vielä projektin SceneBuilderilla.

Yksityiskohdat sisällöstä

JavaFX-käyttöliittymien kehittäminen - selitetään ymmärrettävästi
Selkeys, selkeä rakenne ja intuitiivinen käyttö - vain, kun käyttöliittymä on kunnossa, käyttäjät viihtyvät ja käyttävät sovellustasi uudelleen ja uudelleen! Ihmisen ja ohjelmiston välisessä vuorovaikutuksessa on suoritettava monenlaisia toimintoja, valittava erilaisia vaihtoehtoja ja jopa syötettävä tekstiä ja salasanoja. Kaiken tämän mahdollistamiseksi tarvitaan lukuisia navigointikomponentteja, jotka toimivat yksittäin ja yhdessä käyttäjäystävällisesti.
Miten saavutat tämän tarkalleen JavaFX:llä, kertoo sinulle valmentajasi Denis Panjuta 56 oppitunnin ja yli 7,5 tunnin sisällön avulla! Opit kaikki relevantit säätöelementit kuten vierityspalkit, tekstikentät, painikkeet ja valikot sekä voit hyödyntää uutta oppimaasi tietoa suoraan käytännössä. Alussa näytetään, mitä ilmaisia ohjelmia tarvitset - sen jälkeen siirrytään ymmärrettävästi ja kattavasti yksityiskohtiin.
Voit ymmärtää kurssin, sinun tulisi jo hallita perusasioita Javasta. Jos luokat, funktiot tai muuttujat ovat sinulle vielä vieraita käsitteitä, suosittelemme kulkemaan ensin koulutuksen Java-ohjelmointi aloittelijoille.
Jokainen oppitunti opettelumateriaalista käsittelee tiettyä aihetta, missä konkreettisesti näytetään, miten vastaava käyttöelementti luodaan ja mikä käytännön hyöty siitä saadaan. Esimerkiksi opit luomaan painikkeita, jotka laukaisevat vastaavan toiminnon napsautettaessa. Usein on olemassa useita vaihtoehtoja, jotka valmentajasi esittelee sinulle asteittain. Esimerkiksi, jos tekstin syöttäminen on tarpeen, voit käyttää toimintoja kuten TextField, PasswordField tai TextArea.
Näin olet varustettu kattavalla työkalupakilla, mistä voit myöhemmin valita tarkoituksiisi sopivat elementit. Näiden joukossa ovat kaikki yleiset komponentit kuten tekstikentät, painikkeet, valintaruudut, vierityspalkit, kuormitustangot, liukusäätimet, taulukkons, listat, puurakenteet ja valikot. Lisäksi sinulle näytetään, miten voit työskennellä muotojen (eli viivojen, ympyröiden, monikulmioiden jne.) avulla, luoda havainnollistavia kaavioita ja asetteluita sekä käyttää erilaisia medioita kuten ääntä tai videota.

Mitä tämä kurssi tarjoaa sinulle?

Opit navigointielementtien luomisen JavaFX:llä teoreettisesti ja käytännössä. Tämän avulla sinulla on tietoa siitä, miten interaktiivisia komponentteja voidaan soveltaa yksilöllisesti ja yhdistää ne omiksi käyttöliittymiksesi. Koulutus käytännön kokonaiskatsausta varten ja pienten yksityiskohtien oppimiseksi!