JavaFX: Razvoj grafičnega uporabniškega vmesnika

Jezik: nemščina

JavaFX za razvoj grafičnih uporabniških vmesnikov.

Pritisni gumb! Ne praskaj več po površini, ampak jo ustvari po svojih željah sam! S tem treningom preverjaš točko za točko skozi strukturo JavaFX, da lahko na koncu ustvariš svoje lastne GUI-je. Dodaj polja za vnos, gumbe za pritiskanje, diagrami za nazornost ali menije za »Datoteko« in »Uredi« na še praznem zaslonu. Skratka, dovoli uporabnikom, da klikajo, pomikajo in se dotikajo! 56 globokih lekcij za interaktivne površine v več kot 7,5 urah video-vadnic, praktično pojasnjeno in z brezplačno programsko opremo, ki jo je mogoče takoj reproducirati - tako boste hitro obvladali vse elemente, ki so potrebni v sodobni tehniki upravljanja in navigacije programske opreme.

56 lekcij v več kot 7,5 urah video usposabljanja za razvoj GUI s JavaFX.
Nauči se ustvarjati vse pomembne elemente vmesnika in ustvari svoj lasten uporabniški vmesnik.
Od programskega umetnika in profesionalnega trenerja Denisa Panjute.

Pripelji se v stik z JavaFX in razvijaj inovativne uporabniške vmesnike!

podrobnosti

Uporablja se lahko z:
Vsebina: 8 h Video vadničenje
Licenca: zasebna in komercialna Pravice uporabe

Kategorije

Spletno oblikovanje, CMS in razvoj

Z ljubeznijo ustvarjeno od:

Denis Panjuta

Tukaj začnemo.

JavaFX za razvoj grafičnega vmesnika - 01 Prenos in namestitev programske opreme

V tem videu bomo prenesli potrebno programsko opremo in jo namestili.

Osnove

JavaFX za razvoj grafičnih vmesnikov - 02 Naše prvo okno - Stage, Scene in Node v JavaFX-u

V tem videoposnetku se boš naučil, kako ustvariti svoj prvi uporabniški vmesnik glede na svoje prvo okno v JavaFX. Za to bi moral že poznati osnove Jave, saj se ne bom več posvečal osnovam, kot so razredi, funkcije, spremenljivke itd.

JavaFX za razvoj grafičnega vmesnika - 03 Uporaba uporabniških interakcij z dogodkovnim rokopiscem.

JavaFX za razvoj grafičnih uporabniških vmesnikov - 03 Uporabniško interakcijo izkoristite z uporabo dogodka-obdelovalca

V tem videu se naučite, kako lahko s pomočjo ročnika dogodkov izkoristite uporabniško interakcijo, na primer za izvedbo nečesa, ko je bil gumb kliknjen.

JavaFX za razvoj grafičnih vmesnikov - 04 Uporaba besedila v GUI.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 04 Uporaba besedila v GUI.

V tem videu se boste naučili, kako lahko uporabite polja z besedilom v svojem grafičnem vmesniku. Za to se bomo naslonili na znanje iz prejšnjih posnetkov. Za to bomo uporabili razred Text. Ta nam omogoča določiti, katero besedilo želimo prikazati v oknu.

JavaFX za razvoj grafičnega vmesnika - 05 Oznaka v JavaFX - Alternativa besedilu

V tem videu se naučiš, kaj pomeni nalepka in kakšna je razlika med njo ter besedilom. Že si se naučil, kako prikazati besedilo z razredom besedila v uporabniškem vmesniku.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 06 Uporaba več prizorišč

JavaFX za razvoj grafičnega vmesnika - 06 Uporaba več scenarijev

Tukaj se boš naučil, kako deluje uporaba več prizorov v JavaFX. Do zdaj smo vedno delali samo z enim prizorom, zdaj je čas, da se naučimo, kako deluje z več prizori.

JavaFX za razvoj uporabniškega vmesnika - 07 Lambda izrazi in preprosti kliki na gumb.

V tem videoposnetku se boste naučili lažji način dela s gumbi, in sicer z lambda izrazi in preprostimi kliki na gumb v JavaFX.

Polna hitrost do lastne uporabniškega vmesnika z upravljalniki UI.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 08 besedilno polje

JavaFX za razvoj grafičnega vmesnika - 08 polje besedila

V tem videu se boš naučil, kako delujeta GridPane in TextField v JavaFX. Gre za polja za besedilo, v katera lahko uporabnik vnese besedilo.

JavaFX za razvoj grafičnih vmesnikov - 09 PasswordField

V tem videoposnetku se naučite, kako vključiti in uporabiti polje za geslo v JavaFX. Gre za polje za besedilo, v katero lahko vnesete geslo, ki je zakrito.

JavaFX za razvoj grafičnega vmesnika - 10 polj za besedilo

JavaFX za razvoj grafičnega uporabniškega vmesnika - 10 področij besedila.

V tem videoposnetku se naučiš, kako uporabiti TextArea v JavaFX. Gre za večje polje besedila, ki se uporablja za daljše vnose besedila.

JavaFX za razvoj grafičnega vmesnika - 11 preklopnih gumbov

V tem videoposnetku se boste naučili uporabiti stikalo Toggle v JavaFX-u. Zato bomo napisali majhen program, v katerem bo uporabnik navedel barvo svojih oči.

JavaFX za razvoj grafičnega vmesnika - 12 radio gumbov.

V tem videoposnetku obravnavamo radio gumb v JavaFX-u in si ogledamo, kako lahko uporabimo razred Radio-Button. Radio gumb je lahko bodisi izbran bodisi neizbran.

JavaFX za razvoj grafičnih uporabniških vmesnikov - 13 potrditvenih polj

JavaFX za razvoj uporabniškega vmesnika - 13 potrditvenih polj.

V tem videoposnetku obravnavamo potrditveno polje v JavaFX. To so polja, ki jih je mogoče izbrati, na primer pri izbiri preferenc v zvezi s pico.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 14 ChoiceBox

JavaFX za razvoj grafičnega vmesnika - 14 ChoiceBox

V tem videu gre za Choice Box v programski opremi JavaFX. To je padajoči meni, torej meni, v katerem lahko izbirate med različnimi možnostmi.

JavaFX za razvoj grafičnega vmesnika - 15 ComboBoxov.

Tukaj se učite uporabe ComboBox v JavaFX. To je polje, podobno kot Choice Box, vendar tukaj imamo na primer tudi možnost dodajanja vnosa med delovanjem.

JavaFX za razvoj grafičnega vmesnika - 16 drsnikov.

V tem videu se naučite, kako uporabiti drsnik v JavaFX. Za to bomo ustvarili in uporabili področje s proženjem.

JavaFX za razvoj grafičnega vmesnika – 17 PMVji

JavaFX za razvoj uporabniškega vmesnika - 17 ScrollPane-ov

V tem videu se naučite, kako uporabiti ScrollPane v JavaFX-u. Gre za podobno funkcionalnost kot pri drsniku, s katerim upravljate drsno območje.

JavaFX za razvoj grafičnega vmesnika - 18 drsnikov.

V tem videu obravnavamo drsnike v JavaFX. Drsniki omogočajo uporabniku, da nastavlja vrednosti na vrstici. S tem lahko npr. nastavi barvne vrednosti.

JavaFX za razvoj grafičnih vmesnikov - 19 naprednih vrstic in kazalnikov napredovanja

JavaFX za razvoj uporabniškega vmesnika - 19 naprednih vrstic in indikatorji napredka

V tem videoposnetku gre za napredno vrstico v JavaFX. Gre za pripomoček za nalaganje, ki ga lahko na primer vidimo pri prenosu datoteke ali kopiranju datotek.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 20 izbirnikov datuma

V tem videu gre za izbirnik datuma v JavaFX in kako ga lahko uporabimo. Gre za UI-element, ki ga zagotovo že poznaš. Omogoča izbiro datuma.

JavaFX za razvoj uporabniškega vmesnika - 21 ColorPicker

JavaFX za razvoj grafičnih vmesnikov – 21 ColorPicker

V tem videu obravnavamo izbirnik barv v JavaFX-u. To je uporabniški vmesnik, s katerim lahko izberemo barvo. Poglejmo, kako vključiti in uporabiti tak izbirnik barv v JavaFX-u.

JavaFX za razvoj uporabniškega vmesnika - 22 FileChooser

JavaFX za razvoj grafičnega vmesnika - 22 FileChooser

V tem videu se boste naučili, kako ustvariti in uporabiti File-Chooser v JavaFX. To je element uporabniškega vmesnika, ki vam omogoča izbiro datoteke iz lastnega datotečnega sistema.

JavaFX za razvoj grafičnega vmesnika - 23 FileChooser (vaja)

JavaFX za razvoj uporabniškega vmesnika - 23 FileChooser (vaja)

Tukaj utrdiš svoje razumevanje izbirnika datotek.

JavaFX za razvoj grafičnih vmesnikov - 24 ListView

JavaFX za razvoj grafičnega uporabniškega vmesnika - 24 seznamov.

V tem videu obravnavamo enega od različnih pogledov, in sicer ListView v JavaFX. Gre za pogled, kamor lahko vstavljamo elemente seznama.

JavaFX za razvoj uporabniškega vmesnika - 25 TableViewov.

JavaFX za razvoj grafičnih vmesnikov - 25 tabel.

V tem videoposnetku obravnavamo TableView v JavaFX-u. Gre za še en tip pogleda, ki nam omogoča uporabo in prikaz tabel. Poglejmo, kako lahko v JavaFX-u ustvarimo TableView.

JavaFX za razvoj grafičnih uporabniških vmesnikov - 26 TreeView

JavaFX za razvoj grafičnih vmesnikov - 26 TreeView

V tem videoposnetku se naučite uporabe in koristi Tree-Viewa v JavaFX-u. Gre za pogled, v katerem lahko razporedite elemente kot v drevesu z več vejami.

JavaFX za razvoj uporabniškega vmesnika - 28 HTML urejevalnik

JavaFX za razvoj grafičnega vmesnika – 28 HTML urejevalnik.

Tukaj se naučite HTML urejevalnika v JavaFX in vidite, kako ga uporabiti. Pri HTML gre za skriptni jezik, ki se uporablja pri razvoju spletnih strani.

Postavitev

JavaFX za razvoj grafičnih uporabniških vmesnikov - 29 HBox

JavaFX za razvoj grafičnega uporabniškega vmesnika - 29 HBox

V tem poglavju se bomo osredotočili na postavitve, ena od teh postavitev pa je HBox v JavaFX. V naslednjih videoposnetkih bomo videli različne postavitve in spoznali razlike.

JavaFX za razvoj uporabniškega vmesnika - 30 polj.

JavaFX za razvoj grafičnih vmesnikov - 30 polj

VBox nam omogoča, da uredimo vse elemente vertikalno.

JavaFX za razvoj grafičnih vmesnikov - 31 FlowPane

JavaFX za razvoj grafičnega uporabniškega vmesnika - 31 FlowPane

V tem videoposnetku gre za FlowPane v JavaFX. Gre za razporeditveni razred v API-ju JavaFX. Primer FlowPane si bomo ogledali takoj.

JavaFX za razvoj grafičnih vmesnikov - 32 BorderPane.

JavaFX za razvoj grafičnega vmesnika - 32 BorderPane.

V tem videu gre za BorderPane v JavaFX. Gre za še eno postavitev, ki nam omogoča ustrezno razporeditev naših vozlišč.

JavaFX za razvoj grafičnih uporabniških vmesnikov - 33 TitledPane

JavaFX za razvoj grafičnega vmesnika - 33 TitledPane.

V tem videoposnetku gre za TitledPane v JavaFX. Gre za še eno postavitev, kjer preprosto določite naslov za postavitev in v postavitvi vstavite vozlišča.

JavaFX za razvoj grafičnega vmesnika - 34. meni

JavaFX za razvoj grafičnih vmesnikov - 34 Meni

V tem videoposnetku se naučite, kako ustvariti meni.

Oblike

JavaFX za razvoj grafičnega vmesnika - 35 vrstica

V naslednjih videoposnetkih bomo govorili o oblikah. Line je prva oblika, ki si jo bomo ogledali.

JavaFX za razvoj grafičnega vmesnika - 36 vrstic (izziv)

JavaFX za razvoj grafičnega uporabniškega vmesnika - 36 vrstic (izziv)

V tem videoposnetku utrjujete svoje razumevanje črte in platna.

JavaFX za razvoj grafičnih vmesnikov - 37 krogov in oblazinjenih lokov

JavaFX za razvoj grafičnega vmesnika - 37 krogov in krožnih lokov

V tem videu se bomo ukvarjali s oblikama Circle in Circle Arc v JavaFX-u. Circle izhaja iz angleščine in pomeni krog. Torej bomo risali kroge.

JavaFX za razvoj uporabniškega vmesnika - 38 krivulj in mnogokotnikov

JavaFX za razvoj uporabniškega vmesnika - 38 polilinijev in mnogokotnikov

V tem videu gre za Polyline in poligon v JavaFX. To sta oblike, ki imajo več kot en kot.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 39 pravokotnikov in elips.

JavaFX za razvoj grafičnih vmesnikov - 39 pravokotnikov in elips.

V tem videoposnetku se naučite uporabe pravokotnika in elipse v JavaFX. Pravokotnik je kvadrat, ki smo ga že prej uporabljali, elipsa pa je sploščen krog. Oba sta podrazred razreda Oblika.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 40 poti

JavaFX za razvoj uporabniškega vmesnika - 40 poti

V tem videu gre za Path v JavaFX. Path nam omogoča ustvarjanje poti s oblikami, torej risanje črte, ki gre v vse možne smeri.

JavaFX za razvoj uporabniškega vmesnika - 41 Gradient barv in Barva

JavaFX za razvoj grafičnih uporabniških vmesnikov - 41 barvni prehod Color in Color.

V tem videoposnetku si bomo ogledali Gradient Color in Color v JavaFX-u. Gre za barve in barvne prehode.

Grafikoni

JavaFX za razvoj grafičnih uporabniških vmesnikov - 42 PieChart.

JavaFX za razvoj grafičnega vmesnika – 42 krožni diagram

V tem videoposnetku gre za krožne diagram, torej tortne diagram in kako se ga ustvari.

JavaFX za razvoj grafičnega vmesnika - 43 LineChart

V tem videoposnetku gre za črtni graf, torej linijski diagram, in kako ga ustvariti.

JavaFX za razvoj grafičnih vmesnikov - 44 stolpčni diagram - Stolpčni diagram

JavaFX za razvoj grafičnega uporabniškega vmesnika - 44 stolpni diagram - BarChart

V tem videu gre za stolpčne grafe, torej histogram in kako jih ustvariti.

JavaFX za razvoj grafičnega vmesnika - 45 (Združen) Področni grafikon.

JavaFX za razvoj grafičnega vmesnika - 45 (stacked) AreaChart

V tem videoposnetku obravnavamo površinske grafikone v JavaFX-u. Gre za še en grafikon s dvema osema. Razlikuje se od črtnega diagrama predvsem po tem, da je pod črto tudi barva črte zapolnjena do ničelne točke oziroma do najnižje točke.

JavaFX za razvoj grafičnih uporabniških vmesnikov - 46 ScatterChart

JavaFX za razvoj grafičnih vmesnikov - 46 ScatterChart

V tem videu gre za Scatter Chart v JavaFX-u. Gre za vrsto diagrama, pri katerem so posamezne vrednosti prikazane kot ne povezane točke.

Dogodki

JavaFX za razvoj grafičnega vmesnika - 47 dogodkov in filtri dogodkov.

JavaFX za razvoj grafičnega uporabniškega vmesnika - 47 dogodkov in dogodkovnih filtrov

V tem videu boste spoznali dogodke in filtre dogodkov v JavaFX. V osnovi gre za to, kaj se zgodi, ko na primer preletite nad elementom ali pritisnete tipko na tipkovnici. Najprej si oglejmo miškine dogodke v JavaFX-u.

JavaFX za razvoj grafičnega vmesnika - 48 dogodkov gestikulacije

JavaFX za razvoj grafičnega uporabniškega vmesnika - 48 dogodkov kretnje.

V tem videoposnetku se boste naučili različne dogodke gest v JavaFX-u. Gre za dogodke, ki so še posebej zanimivi na zaslonih na dotik. To še posebej velja za Windows 8 in novejše različice.

JavaFX za razvoj grafičnega vmesnika - 49 dogodkovnih obdelovalcev.

JavaFX za razvoj grafičnega vmesnika - 49 dogodkovnih ročičev.

V tem videu gre za upravljalnike dogodkov v JavaFX. Že smo delali z upravljalniki dogodkov, vendar bi tukaj želel to še enkrat nekoliko bolj podrobno pojasniti.

JavaFX za razvoj grafičnih vmesnikov - 50 oblik premikanja in spuščanja.

JavaFX za razvoj grafičnega vmesnika - 50 oblik prestavljanja in spuščanja.

V tem videoposnetku se naučiš uporabe funkcije »Drag in Drop« v JavaFX. To je pogost postopek pri programih. Lahko povlečeš (ang. drag) in spustiš (ang. drop) element (npr. vozlišče).

Avdio in video

JavaFX za razvoj grafičnih vmesnikov - 51 predvajalnik zvoka

V tem videu se naučite uporabe avdio predvajalnika v JavaFX, torej kako predvajati avdio datoteko z JavaFX.

JavaFX za razvoj grafičnih uporabniških vmesnikov - 52 lastnosti medijskega predvajalnika.

JavaFX za razvoj grafičnega vmesnika - 52 lastnosti predvajalnika medijev.

V tem videu se naučite uporabe lastnosti medijskega predvajalnika.

JavaFX za razvoj uporabniškega vmesnika - 53 VideoPlayer

JavaFX za razvoj grafičnih uporabniških vmesnikov - 53 Video predvajalnikov.

V tem videu se naučite uporabe videopredvajalnika v JavaFX, torej kako lahko predvajate in prikažete videoposnetek z JavaFX.

SceneBuilder

JavaFX za razvoj grafičnega vmesnika - 54 graditelj prizora (uvod)

V tem videoposnetku spoznaš orodje Scene Builder. Orodje, ki nam močno olajša delo pri ustvarjanju grafičnega vmesnika.

JavaFX za razvoj grafičnega vmesnika – 55 kontrolerjev

V tem videoposnetku gre za krmilnik, ki nadzoruje komunikacijo med Scene Builderjem in našim programom.

JavaFX za razvoj grafičnih vmesnikov - 56 Scene Builder (projekt)

Na koncu bomo ustvarili še projekt z uporabo SceneBuilderja.

Podrobnosti vsebine

Razvijanje grafičnih vmesnikov z JavaFX - razloženo razumljivo
Preglednost, jasna struktura in intuitivno upravljanje – le če je vmesnik pravi, se bodo uporabniki počutili dobro in znova ter znova uporabljali tvojo aplikacijo! Pri interakciji med človekom in programsko opremo je treba izvesti različna dejanja, izbrati različne možnosti ali celo vnesti besedila in gesla. Da bi omogočili vse to, je potrebno številne navigacijske komponente, ki delujejo posamezno in se smiselno sestavljajo kot celota za uporabniku prijazno izkušnjo.
Kako to dosežeš z JavaFX, ti bo razložil tvoj trener Denis Panjuta v 56 lekcijah s preko 7,5 urami vsebin! Naučil se boš vse relevantne upravljalnike kot so drsniki, besedilna polja, gumbi ali meniji in boš lahko takoj uporabil svoje novo pridobljeno znanje. Na začetku ti bodo predstavljeni brezplačni programi, ki jih potrebuješ za to - nato se prične razumljivo, obsežno in kompaktno podrobnosti.
Za razumevanje tečaja bi moral/-a že imeti osnovna znanja programiranja v jeziku Java. Če so za tebe razredi, funkcije ali spremenljivke še neznane besede, ti predlagamo naš tečaj Java-razvoj za začetnike.
Vsaka lekcija vadnice obravnava specifično temo, pri čemer je konkretno prikazano, kako se ustvari ustrezni upravljalnik in kakšna je praktična korist iz tega. Na primer, izvedel/a boš, kako ustvariti gumbe, ki s klikom sprožijo ustrezno dejanje. Pri tem so pogosto na voljo več različic, ki ti jih bo tvoj trener sistematično predstavil. Na primer, če želiš vnesti besedilo, lahko tukaj uporabiš funkcije TextField, PasswordField ali TextArea.
Tako se boš opremil/a z obsežnim orodjem, iz katerega boš kasneje lahko izbral/-a elemente, ki so primerni za tvoje potrebe. Med njimi so vsi pogosti komponente, kot so besedilna polja, gumbi, potrditvena polja, drsniki, polnilne vrstice, drsniki, pogledi tabel, seznamov in drevesne strukture ter meniji. Poleg tega se ti bo pokazalo, kako uporabljati oblike (torej črte, kroge, mnogokotnike itd.), ustvarjati ilustrativne diagrame in postavitve ter uporabiti različna medija, kot sta zvok ali video.

Kaj ti bo prinesel ta tečaj?

Naučil/a se boš ustvarjanja navigacijskih elementov s pomočjo JavaFX teoretično in praktično. S tem boš pridobil/-a znanje, da lahko interaktivne komponente uporabljaš samostojno in jih v sodelovanju združiš v svoje lastne uporabniške vmesnike. Trening za praktičen celovit pregled ter za majhne in drobne podrobnosti!