Výukový program JavaFX: Jak vytvořit aplikaci?



Tento výukový program JavaFX poskytuje krátký úvod do platformy JavaFX, jejích funkcí, architektury a pomůže vám vytvořit vaši první aplikaci JavaFX.

JavaFX je platforma Java pro vytváření bohatých internetových aplikací (RIA), které lze provozovat na nejrůznějších zařízeních. Je určen k nahrazení Swing v Javě aplikace jako rámec GUI. Nabízí také více funkcí než Swing. JavaFX je sada nástrojů GUI nové generace pro . Zní to zajímavě? V tomto výukovém programu JavaFX pojďme podrobně prozkoumat koncept.

Co je JavaFX? S

JavaFX je knihovna Java používaná k navrhování, vytváření, testování a nasazování aplikací s více platformami GUI a bohatých internetových aplikací (RIA), které lze provozovat na široké škále zařízení.





  • Jedním z podnětů k vytvoření JavaFX bylo nahradit Swing. Kromě toho je JavaFX ve svém designu konzistentnější než Swing.
  • Má více funkcí a je také modernější a umožňuje vám navrhovat grafické uživatelské rozhraní pomocí souborů rozložení (XML) a upravovat je pomocí .
  • JavaFX také integruje 2D + 3D grafiku, mapy, audio, video a vestavěné webové aplikace do jedné soudržné sady nástrojů GUI.

Poznámka: Bohaté internetové aplikace jsou ty webové aplikace, které nabízejí podobné funkce a zkušenosti jako desktopové aplikace. Nabízejí uživatelům lepší vizuální zážitek ve srovnání s běžnými webovými aplikacemi.

Nyní, když víte, co přesně JavaFX je, podívejte se na jeho část architektury v další části tohoto tutoriálu JavaFX.



jak nainstalovat php na Windows

Architektura JavaFX

JavaFX má různé integrované komponenty, které jsou vzájemně propojeny. Obsahuje bohatou sadu API, která jsou více než dostatečná pro vývoj bohatých internetových aplikací, které běží konzistentně na mnoha platformách. Následující obrázek ukazuje architekturu rozhraní JavaFX API.

Architektura - Výukový program JavaFX - Edureka

Podívejme se podrobně na každou z těchto komponent.



Graf scény

Scénický graf je výchozím bodem pro konstrukci aplikace JavaFX. Je to hierarchické uzlů, které představují všechny vizuální prvky uživatelského rozhraní aplikace. Jeden prvek v grafu scény se nazývá uzel. Každý uzel je buď uzlem větve, nebo uzlem listu. Uzly větví mohou obsahovat další uzly, například jejich podřízené, ale uzly Leaf neobsahují další uzly. První uzel ve stromu se nazývá kořenový uzel. Kořenový uzel nemá rodiče.

Ve hře jsou různé třídy javafx.scene balíček, který se používá k vytváření, úpravám a aplikaci některých transformací na uzlu.

Grafický modul

Grafický modul JavaFX poskytuje grafickou podporu komponentě grafu scény. Obecně podporuje 2D i 3D grafiku. Poskytuje také softwarové vykreslování, když grafický hardware přítomný v systému není schopen podporovat hardwarově akcelerované vykreslování.

Dva graficky akcelerované kanály v prostředí JavaFX jsou:

  • Hranol - toje vysoce výkonná hardwarově akcelerovaná grafická karta, která dokáže vykreslit 2D i 3D grafiku.
  • Quantum Toolkit -Používá se k vázání hranolu a sady skleněných okenních nástrojů dohromady a zpřístupňuje je pro výše uvedené vrstvy v zásobníku.

Sada skleněných oken

Jedná se o vrstvu závislou na platformě, která spojuje platformu JavaFX s nativním operačním systémem. Poskytuje služby nativního operačního systému, jako je správa oken, událostí, časovačů a ploch.

Media and Web Engine

  • Web Engine - toje modul webového prohlížeče používaný k vložení souboru obsah do grafu scény JavaFX.Podporuje HTML5, CSS, , DOM a SVG.
  • Media Engine - toposkytuje nástroje pro vytváření mediálních aplikací, které umožňují přehrávání médií v okně na ploše nebo na webové stránce na podporovaných platformách. JavaFX mediální modul je založen na open-source enginu známém jako Stuha . Podporuje přehrávání video a audio obsahu.

Tohle jsoukomponenty, které podporují rozhraní JavaFX API. Další část tohoto kurzu JavaFX je o struktuře aplikace JavaFX.

Anatomie aplikace JavaFX

Aplikace JavaFXje rozdělena hierarchicky do tří hlavních komponent: Fáze, Scéna a Uzly.

Etapa

Je to hlavní kontejner a vstupní bod aplikace. Představuje hlavní okno a vytvořený objekt fáze je předán jako argument Start() metoda aplikace třída.Scéna má dva parametry, Šířka, a Výška, který určuje polohu jmenovitě.

K dispozici je pět typů stupňů minus

  • Zdobené
  • Bez výzdoby
  • Průhledný
  • Unified
  • Užitečnost

Musíte zavolat ukázat() způsob zobrazení obsahu jeviště.

Scéna

The scéna je kontejner pro vizuální obsah jeviště. Obsahuje prvky uživatelského rozhraní, jako jsou zobrazení obrázků, tlačítka, mřížky, textová pole. Javafx.scene. Scéna třídabalíčku javafx.scene poskytuje všechny metody řešení objektu scény.Scénu můžete vytvořit vytvořením Scéna objekt třídy a předání objektu rozložení do konstruktoru třídy Scene.

Graf a uzly scény

Existuje nanejnižší úroveň hierarchie. A graf scény je stromová datová struktura (hierarchická) představující obsah scény. Můžete si to představit jako soubor různých uzlů. V podstatě. A uzel je vizuální / grafický objekt grafu scény.The Uzel Třída balíčku javafx.scene představuje jeden uzel v JavaFX a tato třída je nadtřídou všech uzlů.

Nyní, když víte, žestrukturu aplikace JavaFX podrobně, pojďme se naučit, jak vytvořit aplikaci JavaFX, s příkladem v tomto výukovém programu JavaFX.

Vytvoření aplikace JavaFX

Podívejme se, jak provést J. avaFX programování na IDE Eclipse. První věcí, kterou musíte udělat, je instalace e (fx) clipse plugin pro Eclipse IDE. e (fx) clipse je sada nástrojů a potřebných knihoven, která vám pomůže provádět programování JavaFX.

Zde vytváříme jednoduchou aplikaci JavaFX, která tiskne Vítejte v Edurece! na konzole kliknutím na tlačítko zobrazené na ploše.

balíček aplikace import 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 veřejná třída Main extends Application {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! '') Btn.setOnAction (new EventHandler () {@Override public void handle ( Akce ActionEvent) {System.out.println ('Vítejte na Edurece!')}}) StackPane root = nový StackPane () root.getChildren (). Add (btn) Scéna scéna = nová scéna (root, 300, 250) primaryStage .setTitle ('Hello World!') primaryStage.setScene (scene) primaryStage.show ()} public static void main (String [] args) {launch (args)}}

Výstup:

Vítejte v Edurece!

Vysvětlení příkladu aplikace JavaFX

Zkusme pochopit, jak tento ukázkový program funguje v jednoduchých krocích.

Krok 1: Rozšířit metodu javafx.application.Application and override start ()

Jak jsme diskutovali dříve, Start() metoda je výchozím bodem aplikace JavaFX. Import JavaFX.application.Application přepsat metodu start (). Přepsat metodu start () a předat jí oobjekt třídy javafx.stage.Stage.

@Override public void start (Stage primaryStage)

Krok 2: Vytvořte tlačítko

Tlačítko můžete vytvořit vytvořením instance tlačítko Javafx.scene.control.Button třída. Proto importujte příslušnou třídu do kódu. Předejte text popisku tlačítka v konstruktoru třídy Button.

Tlačítko btn = nové tlačítko ()

Krok 3: Vytvořte událost pro tlačítko

Tato ukázková aplikace vytiskne text události na tlačítko. Musíte tedy pro tlačítko vytvořit událost. Za tímto účelem volejte setOnAction () na tlačítku a definujte anonymní obslužnou rutinu události jako parametr metody.Uvnitř této anonymní třídy definujte metodu handle (). Podívejte se na kód metody 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: Vytvořte rozvržení a přidejte do něj tlačítko

JavaFX obvykle poskytuje řadu rozvržení. Implementujte jeden z nich za účelem správné vizualizace widgetů. K tomuto rozložení musíte přidat další uzly, jako jsou tlačítka, texty atd.

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

Krok 5: Vytvořte scénu

Scéna je na vyšší úrovni v hierarchii struktury aplikace JavaFx. Musíte tedy na scénu přidat své rozvržení. Můžete vytvořit instanci javafx.scene. scéna třídy a předat objekt rozložení konstruktoru třídy scény.

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

Krok 5: Připravte pódium

Jeviště je hlavní kontejner a vstupní bod aplikace. Použijte metody, které nabízí javafx.stage.Stage třídy pro nastavení některých atributů pro fázi.K zobrazení fáze použijte metodu show (). Tady je kód.

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

Krok 6: Vytvořte hlavní metodu

V posledním kroku vytvořte hlavní metodu, ve které spustíte aplikaci, tj. Zavoláte metodu launch () a předáte jí argumenty příkazového řádku (args).

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

Krok 7: Spuštěním aplikace zobrazíte výstup.

Chcete-li, aby to bylo zajímavější, můžete změnit uživatelské rozhraní aplikace JavaFX tak, že na ni použijete vlastní design, jako je HTML a CSS.

Tím se dostáváme ke konciVýukový program JavaFX. Prošli jsme vnitřní strukturou aplikace JavaFX a naučili se klíčové schopnosti její architektury, životního cyklu a komponent. Zkontrolovali jsme také, jak vytvořit jednoduchou aplikaci GUI.

Ujistěte se, že cvičíte co nejvíce a vraťte své zkušenosti.

Podívejte se na Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů rozložených po celém světě. Jsme tu, abychom vám pomohli s každým krokem na vaší cestě, abychom se kromě otázek týkajících se tohoto rozhovoru pro javu stali i učebním plánem, který je určen pro studenty a profesionály, kteří chtějí být vývojářem Java.

Máte na nás dotaz? Uveďte to prosím v sekci komentářů v tomto výukovém programu JavaFX a my se vám ozveme co nejdříve.