Výukový program JavaFX: Ako vytvoriť aplikáciu?



Tento výukový program JavaFX poskytuje stručný úvod do platformy JavaFX, jej funkcií, architektúry a pomôže vám vytvoriť vašu prvú aplikáciu JavaFX.

JavaFX je platforma Java na vytváranie bohatých internetových aplikácií (RIA), ktoré môžu bežať na širokej škále zariadení. Je určený na nahradenie Swing v Jave aplikácie ako rámec GUI. Tiež ponúka viac funkcií ako Swing. JavaFX je súbor nástrojov GUI novej generácie pre platformu . Znie to zaujímavo? V tomto tutoriáli JavaFX sa pozrime podrobne na tento koncept.

Čo je JavaFX?

JavaFX je knižnica Java, ktorá sa používa na navrhovanie, vytváranie, testovanie a nasadzovanie aplikácií pre rôzne platformy GUI a bohatých internetových aplikácií (RIA), ktoré môžu bežať na širokej škále zariadení.





  • Jedným z podnetov na vytvorenie JavaFX bolo nahradenie Swingu. JavaFX je navyše konzistentnejší vo svojom dizajne ako Swing.
  • Má viac funkcií a je tiež modernejšia, čo vám umožňuje navrhovať grafické používateľské rozhranie pomocou súborov rozloženia (XML) a upravovať ich pomocou .
  • JavaFX tiež integruje 2D + 3D grafiku, mapy, audio, video a zabudované webové aplikácie do jedného súdržného súboru nástrojov GUI.

Poznámka: Bohaté internetové aplikácie sú webové aplikácie, ktoré ponúkajú podobné funkcie a skúsenosti ako desktopové aplikácie. Poskytujú používateľom lepší vizuálny zážitok v porovnaní s bežnými webovými aplikáciami.

Teraz, keď už viete, čo to vlastne JavaFX je, pozrite si jeho časť s architektúrou v ďalšej časti tohto tutoriálu JavaFX.



algoritmus triedenia v c ++

Architektúra JavaFX

JavaFX má rôzne vstavané komponenty, ktoré sú navzájom prepojené. Obsahuje bohatú sadu API, ktoré sú viac ako dostatočné na vývoj bohatých internetových aplikácií, ktoré bežia konzistentne na mnohých platformách. Nasledujúci obrázok zobrazuje architektúru rozhrania JavaFX API.

Architektúra - Výukový program JavaFX - Edureka

Pozrime sa podrobne na všetky z týchto komponentov.



Graf scény

Scene Graph je východiskovým bodom pre konštrukciu aplikácie JavaFX. Je to hierarchické uzlov, ktoré predstavujú všetky vizuálne prvky používateľského rozhrania aplikácie. Jeden prvok v grafe scény sa nazýva uzol. Každý uzol je buď vetvový uzol, alebo listový uzol. Uzly pobočiek môžu obsahovať ďalšie uzly, napríklad ich deti, ale uzly Leaf neobsahujú ďalšie uzly. Prvý uzol v strome sa nazýva koreňový uzol. Koreňový uzol nemá rodiča.

V triede sú prítomné rôzne triedy javafx.scene balík, ktorý sa používa na vytváranie, úpravu a aplikáciu niektorých transformácií na uzle.

Grafický modul

Grafický modul JavaFX poskytuje grafickú podporu pre komponent grafu scény. Všeobecne podporuje 2D aj 3D grafiku. Poskytuje tiež softvérové ​​vykreslenie, keď grafický hardvér prítomný v systéme nie je schopný podporovať hardvérovo akcelerované vykreslenie.

Dva graficky akcelerované kanály v JavaFX sú:

  • Hranol - toje vysokovýkonná grafická karta s hardvérovým akcelerovaním, ktorá umožňuje vykreslenie 2D aj 3D grafiky.
  • Quantum Toolkit -Používa sa na zviazanie hranolovej a sklenenej okennej súpravy nástrojov a sprístupňuje ich pre vyššie uvedené vrstvy v stohu.

Sada nástrojov na sklenené okná

Jedná sa o vrstvu závislú od platformy, ktorá spája platformu JavaFX s natívnym operačným systémom. Poskytuje služby natívneho operačného systému, ako je správa okien, udalostí, časovačov a povrchov.

Media and Web Engine

  • Web Engine - toje modul webového prehliadača používaný na vloženie obsah do grafu scény JavaFX.Podporuje HTML5, CSS, , DOM a SVG.
  • Media Engine - toposkytuje nástroje na vytváranie mediálnych aplikácií, ktoré umožňujú prehrávanie médií v okne na pracovnej ploche alebo na webovej stránke na podporovaných platformách. JavaFX mediálny engine je založený na open-source engine známom ako Streamer . Podporuje prehrávanie video a audio obsahu.

Toto súkomponenty, ktoré podporujú API JavaFX. Ďalšia časť tohto tutoriálu JavaFX sa týka štruktúry aplikácie JavaFX.

Anatómia aplikácie JavaFX

Aplikácia JavaFXje rozdelený hierarchicky do troch hlavných komponentov: Fáza, Scéna a Uzly.

Etapa

Je to hlavný kontajner a vstupný bod aplikácie. Predstavuje hlavné okno a vytvorený objekt scény sa odovzdá ako argument štart () metóda Aplikácia trieda.Javisko má dva parametre, Šírka, a Výška, ktorá určuje polohu a to.

K dispozícii je päť typov stupňov mínus

  • Zdobené
  • Nezdobené
  • Transparentné
  • Zjednotené
  • Úžitkovosť

Musíte zavolať na šou() spôsob zobrazenia obsahu javiska.

Scéna

The scéna je nádoba na vizuálny obsah scény. Obsahuje prvky používateľského rozhrania, ako sú zobrazenia obrázkov, tlačidlá, mriežky, textové políčka. Javafx.scene. Scéna triedabalenia javafx.scene poskytuje všetky metódy riešenia objektu scény.Scénu môžete vytvoriť vytvorením Scéna objekt triedy a odovzdanie objektu rozloženia do konštruktora triedy Scene.

Graf a uzly scény

Existuje nanajnižšia úroveň hierarchie. A scénický graf je stromová dátová štruktúra (hierarchická) predstavujúca obsah scény. Môžete si to predstaviť ako súbor rôznych uzlov. V podstate. a uzol je vizuálny / grafický objekt grafu scény.The Uzol Trieda balíka javafx.scene predstavuje jeden uzol v JavaFX a táto trieda je nadtriedou všetkých uzlov.

Teraz, keď viete, žeštruktúru aplikácie JavaFX podrobne, naučme sa, ako vytvoriť aplikáciu JavaFX, na príklade v tomto výučbe JavaFX.

Vytvorenie aplikácie JavaFX

Pozrime sa, ako vykonať J. avaFX programovanie na IDE Eclipse. Prvá vec, ktorú musíte urobiť, je nainštalovať e (fx) clipse doplnok pre Eclipse IDE. e (fx) clipse je sada nástrojov a potrebných knižníc, ktorá vám pomáha pri programovaní JavaFX.

Tu vytvárame jednoduchú aplikáciu JavaFX, ktorá tlačí Vitajte na Edureka! na konzole kliknutím na tlačidlo zobrazené na ploche.

import balíkových aplikácií javafx.application.Application import javafx.event.ActionEvent import javafx.event.EventHandler import javafx.scene.Scene import javafx.scene.control.Button import javafx.scene.layout.StackPane import javafx.stage.Stage public class Hlavné rozšírenie Aplikácia {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! ')) Btn.setOnAction (new EventHandler () {@Override public void handle ( Udalosť ActionEvent) {System.out.println ('Vitajte na Edureka!')}}) StackPane root = nový StackPane () root.getChildren (). Add (btn) Scéna scéna = nová scéna (root, 300, 250) primaryStage .setTitle ('Hello World!') primaryStage.setScene (scéna) primaryStage.show ()} public static void main (String [] args) {launch (args)}}

Výkon:

Vitajte na Edureka!

Vysvetlenie príkladu programu JavaFX

Pokúsme sa pochopiť, ako tento ukážkový program funguje, v jednoduchých krokoch.

Krok 1: Rozšírte metódu javafx.application.Application and override start ()

Ako sme už diskutovali, štart () metóda je východiskovým bodom aplikácie JavaFX. Import JavaFX.application.Application prepísať metódu start (). Prepísať metódu start () a odovzdať jej oobjekt triedy javafx.stage.Stage.

@ Override public void start (Stage primaryStage)

Krok 2: Vytvorte tlačidlo

Tlačidlo môžete vytvoriť vytvorením inštancie javafx.scene.control.Button trieda. Preto importujte príslušnú triedu do kódu. V konštruktore triedy tlačidiel odovzdajte text popisu tlačidla.

Tlačidlo btn = nové tlačidlo ()

Krok 3: Vytvorte udalosť pre tlačidlo

Táto príkladná aplikácia vytlačí text udalosti na tlačidlo. Pre tlačidlo teda musíte vytvoriť udalosť. Za týmto účelom volajte setOnAction () na tlačidle a definujte anonymnú triedu Event Handler ako parameter metódy.V tejto anonymnej triede definujte metódu handle (). Skontrolujte kód metódy handle ().

btn.setText ('Say' Welcome to Edureka! '') btn.setOnAction (new EventHandler () {@Override public void handle (ActionEvent event) {System.out.println ('Welcome to Edureka!')}

Krok 4: Vytvorte rozloženie a pridajte doň tlačidlo

JavaFX zvyčajne poskytuje množstvo rozložení. Implementujte jeden z nich, aby ste widgety správne vizualizovali. Do tohto rozloženia musíte pridať ďalšie uzly, ako sú tlačidlá, texty atď.

Root StackPane = nový StackPane () root.getChildren (). Add (btn)

Krok 5: Vytvorte scénu

Scéna je na vyššej úrovni v hierarchii aplikačnej štruktúry JavaFx. Musíte teda do scény pridať svoje rozloženie. Môžete ho vytvoriť okamžite javafx.scene.Scene triedy a odovzdať objekt rozloženia konštruktoru triedy scény.

Scéna scéna = nová scéna (root, 300, 250)

Krok 5: Pripravte javisko

Javisko je hlavným kontajnerom a vstupným bodom aplikácie. Použite metódy, ktoré ponúka javafx.stage.Stage triedy na nastavenie niektorých atribútov pre scénu.Na zobrazenie scény použite metódu show (). Tu je kód.

primaryStage.setTitle ('Hello World!') primaryStage.setScene (scéna) primaryStage.show ()

Krok 6: Vytvorte hlavnú metódu

V poslednom kroku vytvorte hlavnú metódu, v ktorej spustíte aplikáciu, t. J. Zavolajte metódu launch () a odovzdajte jej argumenty príkazového riadku (args).

public static void main (String [] args) {launch (args)}

Krok 7: Spustením aplikácie zobrazíte výstup.

Aby to bolo zaujímavejšie, môžete zmeniť užívateľské rozhranie aplikácie JavaFX tak, že na ňu použijete vlastný dizajn, napríklad HTML a CSS.

Týmto sa dostávame ku koncuVýukový program JavaFX. Prešli sme vnútornou štruktúrou aplikácie JavaFX a naučili sme sa kľúčové schopnosti jej architektúry, životného cyklu a komponentov. Skontrolovali sme tiež, ako vytvoriť jednoduchú aplikáciu GUI.

Určite cvičte čo najviac a obráťte sa na svoje skúsenosti.

Pozrite sa na autor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete. Sme tu, aby sme vám pomohli na každom kroku na vašej ceste. Okrem otázok týkajúcich sa tohto rozhovoru pre jazyk java vymyslíme učebný plán určený pre študentov a profesionálov, ktorí sa chcú stať vývojármi Java.

Máte na nás otázku? Uveďte to prosím v sekcii komentárov v tomto výučbe JavaFX a ozveme sa vám čo najskôr.