Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!

Úvod do JavaFX Gradient Color

Slovo „gradient“ znamená progresiu a „JavaFX“ v jazyku Java je súprava nástrojov, ktorá sa používa na vytváranie bohatých grafických používateľských rozhraní. Takže pomocou nástroja JavaFX môžeme vyvíjať aplikácie založené na okne, ktoré obsahujú rôzne tvary vzrušujúcich farebných priebehov. V tomto článku uvidíme, ako môžeme použiť dizajn alebo nakresliť prechodové vyfarbenie v rôznych geometrických tvaroch pomocou GUI JavaFX na niekoľkých príkladoch.

Syntax:

Ak chcete navrhnúť alebo kresliť sfarbenie gradientu lineárnym alebo radiálnym spôsobom v Java FX programovo, mali by ste postupovať podľa základnej syntaxe java. Stačí importovať požadované balíky, ktoré patria pod javafx.application., javfx.scene. a javafx.stage..

Ako sa farba prechodu urobila v JavaFX?

Na vytvorenie tohto potrebujeme iba importovať požadované balíčky a základné kódovanie Java. Ak chcete vidieť, ako implementovať rôzne farebné prechody, pozrite si ukážkovú časť s kódom. V JavaFX existujú dva typy progresie alebo prechodu farieb: Lineárny farebný prechod a radiálny farebný prechod

1. Lineárny farebný prechod

Na implementáciu potrebujeme triedu LinearGradient, ktorá patrí pod balík javafx.scene.paint.LinearGradient. Táto trieda má nižšie uvedené parametre, ktoré je potrebné definovať

LinearGradient lgt=new LinearGradient(, , , ,, ,)

  • : označuje x súradnicu počiatočného bodu farby prechodu. Tento dátový typ je dvojitý.
  • : označuje súradnicu y počiatočného bodu farby prechodu. Tento dátový typ je dvojitý.
  • : označuje x súradnicu koncového bodu farby prechodu. Tento dátový typ je dvojitý.
  • : označuje súradnicu y koncového bodu farby prechodu. Tento dátový typ je dvojitý.
  • : Toto je vlastnosť typu boolean. Ak je to pravda, potom sa počiatočný a koncový bod farby prechodu stane proporcionálnym. Dátový typ tohto je boolean
  • : Toto definuje metódu cyklu aplikovanú na gradient.
  • : toto definuje rozloženie farieb pozdĺž prechodu. Toto je typ zoznamu.

V príkladoch kódovania uvidíme, ako sú definované v praktických scenároch.

2. Radiálny farebný prechod

Na implementáciu potrebujeme triedu RadialGradient, ktorá patrí pod balík javafx.scene.paint.RadialGradient. Táto trieda má nižšie uvedené parametre, ktoré je potrebné definovať.

RadialGradient rgt=new RadialGradient(double , double , double , double , double , boolean , CycleMethod , )

  • : označuje hodnotu uhla v stupňoch od stredu k bodu zaostrenia prvej mapovanej farby. Tento dátový typ je dvojitý.
  • : označuje hodnotu vzdialenosti od stredu k bodu zaostrenia prvej mapovanej farby. Tento dátový typ je dvojitý.
  • : označuje x súradnicu stredu farebného kruhu prechodu. Tento dátový typ je dvojitý.
  • : označuje súradnicu y stredu farebného kruhu prechodu. Tento dátový typ je dvojitý.
  • : označuje hodnotu polomeru kruhu. Dátový typ je dvojitý.
  • : Toto je vlastnosť typu boolean. Ak je to pravda, potom sa počiatočný a koncový bod farby prechodu stane proporcionálnym. Dátový typ tohto je boolean
  • : Toto definuje metódu cyklu aplikovanú na gradient.
  • : toto definuje rozloženie farieb pozdĺž prechodu. Toto je typ zoznamu.

V príkladoch kódovania uvidíme, ako sa radiálny gradient implementuje v praktických scenároch.

Príklady implementácie farieb prechodu JavaFX

Nižšie sú príklady na implementáciu:

1. Zafarbenie lineárneho gradientu v rámci štvorca

Uveďme si príklad implementácie farbenia s lineárnym gradientom pomocou funkcií java FX. V tomto príklade uvidíme, ako môžeme nakresliť prechodové vyfarbenie vnútri kruhu pomocou dvoch rôznych farieb.

Kód:

import javafx.application.Application;
import javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.scene.layout.;
import javafx.stage.Stage;
verejná trieda LinearGradientOfSquare rozširuje aplikáciu {
@Override
verejný neplatný začiatok (štádia stg) {
Windw VBox=new VBox();
posledná scéna scn=nová scéna(windw,200, 200);
scn.setFill(null);
Stop() zastávky=nové zastavenie() { nové zastavenie(0, Farba.INDIGO), nové zastavenie(1, Farba.ORANŽOVÁ)};
LinearGradient lngnt=new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);
Obdĺžnik sqre1=nový obdĺžnik(0, 0, 150, 150);
sqre1.setFill(lngnt);
windw.getChildren().add(sqre1);
stg.setScene(scn);
stg.show();
public static void main(String() args) {
launch(args);

Výstup:

2. Farbenie s lineárnym prechodom v rámci obdĺžnika

Uveďme si príklad implementácie farbenia s lineárnym gradientom pomocou funkcií javaFX. V tomto príklade uvidíme, ako môžeme nakresliť prechodové vyfarbenie vnútri obdĺžnika pomocou dvoch rôznych farieb.

Kód:

import javafx.application.Application;
import javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.scene.layout.;
import javafx.stage.Stage;
verejná trieda LinearGradientOfRectangle rozširuje aplikáciu {
@Override
verejný neplatný začiatok (štádia stg) {
Windw VBox=new VBox();
posledná scéna scn=nová scéna(windw,200, 200);
scn.setFill(null);
Zastavenie() zastávky=nové zastavenie() { nové zastavenie(0, farba.ORANŽOVÁ), nové zastavenie(1, farba.BLUE)};
LinearGradient lngnt=new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);
Obdĺžnik rctng1=new Rectangle(0, 0, 50, 150);
rctng1.setFill(lngnt);
windw.getChildren().add(rctng1);
stg.setScene(scn);
stg.show();
public static void main(String() args) {
launch(args);

Výstup:

3. Vyfarbenie radiálneho gradientu v kruhu

Uveďme si príklad implementácie radiálneho gradientového farbenia pomocou funkcií java FX. V tomto príklade uvidíme, ako môžeme nakresliť prechodové vyfarbenie vnútri kruhu pomocou dvoch rôznych farieb.

Kód:

import javafx.application.Application;
import javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.stage.Stage;
verejná trieda RadialGradientOfCircle rozširuje aplikáciu {
public static void main(String() args) {
Application.launch(args);
@Override
verejné neplatné začiatok (záverečná fáza primárneho štádia) {
"primaryStage.setTitle(Príklad radiálneho gradientu vo vnútri kruhu);
"Koreň skupiny=nová skupina();
Scéna=nová scéna(koreň, 300, 200, Farba.ALICEBLUE);
primaryStage.setScene(scene);
addRectangle(scéna);
primaryStage.show();
private void addRectangle (záverečná scéna) {
Kruh C=nový kruh (100,100,50);
Gradient RadialGradient1=nový RadialGradient(0,
.1,
100,
50,
150,
nepravda,
CycleMethod.NO_CYCLE,
new Stop(0, Color.ANTIQUEWHITE),
new Stop(1, Color. DARKRED));
C.setFill(gradient1);
final Koreň skupiny=(Group) scene.getRoot();
root.getChildren().add(C);

Výstup:

Záver

Týmto končíme naše učenie sa témy „JavaFX Gradient Color“. Ako môžete vidieť, ako sme pomocou mnohých funkcií java FX navrhli rôzne typy farebných prechodov v rôznych geometrických tvaroch, ako je štvorec, obdĺžnik, kruh atď. Učenie kódov nebude úplné, ak kód nenapíšete sami. Veľa šťastia pri kódovaní!!

Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!

Kategórie:

Programovacie jazyky