Pomozite razvoju web mjesta, dijelite članak s prijateljima!

Uvod u JavaFX Gradient Color

Riječ "gradijent" znači napredovanje, a "JavaFX" u Javi je alat koji se koristi za izgradnju bogatih grafičkih korisničkih sučelja. Dakle, pomoću JavaFX mogućnosti možemo razviti aplikacije temeljene na prozorima koje sadrže različite oblike uzbudljivih progresija boja. U ovom članku ćemo vidjeti kako možemo koristiti dizajn ili nacrtati gradijent boja unutar različitih geometrijskih oblika koristeći JavaFX GUI na nekim primjerima.

Sintaksa:

Da biste programski dizajnirali ili nacrtali gradijent boje na linearni ili radijalni način u Java FX-u, trebali biste slijediti osnovnu sintaksu java. Samo uvezite potrebne pakete koji dolaze pod javafx.application., javfx.scene. i javafx.stage..

Kako je Gradient Color napravljen u JavaFX-u?

Samo trebamo uvesti potrebne pakete i osnovno java kodiranje da bismo ovo stvorili. Pogledajte odjeljak primjera s kodom kako biste vidjeli kako implementirati različite gradijente boja. U JavaFX-u postoje dvije vrste progresije boje ili gradijenta: linearni gradijent boje i radijalni gradijent boje

1. Linearni gradijent boje

Da bismo ovo implementirali, potrebna nam je klasa LinearGradient koja dolazi u paketu javafx.scene.paint.LinearGradient. Ova klasa ima dolje parametre koje je potrebno definirati

LinearGradient lgt=novi LinearGradient(, , , ,, ,)

  • : označava x koordinatu početne točke gradijentne boje. Ovaj tip podataka je dvostruki.
  • : označava y koordinatu početne točke gradijentne boje. Ovaj tip podataka je dvostruki.
  • : označava x koordinatu završne točke boje gradijenta. Ovaj tip podataka je dvostruki.
  • : označava y koordinatu završne točke gradijentne boje. Ovaj tip podataka je dvostruki.
  • : Ovo je svojstvo booleovog tipa. Ako je to točno, tada će početna i završna točka boje gradijenta postati proporcionalne. Ovaj tip podataka je boolean
  • : Ovo definira metodu ciklusa primijenjenu na gradijent.
  • : ovo definira distribuciju boja duž gradijenta. Ovo je vrste popisa.

Vidjet ćemo u primjerima kodiranja kako su oni definirani u praktičnim scenarijima.

2. Radijalni gradijent boje

Da bismo ovo implementirali, potrebna nam je klasa RadialGradient koja dolazi u paketu javafx.scene.paint.RadialGradient. Ova klasa ima dolje parametre koje je potrebno definirati.

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

  • : označava vrijednost kuta u stupnju od središta do točke fokusa prve mapirane boje. Ovaj tip podataka je dvostruki.
  • : označava vrijednost udaljenosti od središta do točke fokusa prve mapirane boje. Ovaj tip podataka je dvostruki.
  • : označava x koordinatu središnje točke kruga s gradijentom u boji. Ovaj tip podataka je dvostruki.
  • : označava y koordinatu središnje točke kruga s gradijentom u boji. Ovaj tip podataka je dvostruki.
  • : označava vrijednost radijusa kružnice. Vrsta podataka je dvostruka.
  • : Ovo je svojstvo booleovog tipa. Ako je to točno, tada će početna i završna točka boje gradijenta postati proporcionalne. Ovaj tip podataka je boolean
  • : Ovo definira metodu ciklusa primijenjenu na gradijent.
  • : ovo definira distribuciju boja duž gradijenta. Ovo je vrste popisa.

Vidjet ćemo u primjerima kodiranja kako se radijalni gradijent implementira u praktičnim scenarijima.

Primjeri za implementaciju JavaFX Gradijentne boje

U nastavku su primjeri za implementaciju:

1. Bojenje linearnog gradijenta unutar kvadrata

Uzmimo primjer implementacije linearnog gradijentnog bojanja koristeći značajke java FX-a. U ovom primjeru vidjet ćemo kako možemo nacrtati gradijentnu boju unutar kruga koristeći dvije različite boje.

Šifra:

import javafx.application.Application;
uvoz javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.scene.layout.;
import javafx.stage.Stage;
javna klasa LinearGradientOfSquare proširuje aplikaciju {
@Override
javni nevažeći početak (Stage stg) {
VBox windw=novi VBox();
završna scena scn=nova scena(windw,200, 200);
scn.setFill(null);
Stop() stops=new Stop() { new Stop(0, Color.INDIGO), new Stop(1, Color.ORANGE)};
LinearGradient lngnt=novi LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, zaustavlja);
Pravokutnik sqre1=novi pravokutnik(0, 0, 150, 150);
sqre1.setFill(lngnt);
windw.getChildren().add(sqre1);
stg.setScene(scn);
stg.show();
}
public static void main(String() args) {
lansiranje(args);
}
}

Izlaz:

2. Linearni gradijent bojanje unutar pravokutnika

Uzmimo primjer implementacije linearnog gradijentnog bojanja koristeći značajke javaFX-a. U ovom primjeru vidjet ćemo kako možemo nacrtati gradijentnu boju unutar pravokutnika koristeći dvije različite boje.

Šifra:

import javafx.application.Application;
uvoz javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.scene.layout.;
import javafx.stage.Stage;
javna klasa LinearGradientOfRectangle proširuje aplikaciju {
@Override
javni nevažeći početak (Stage stg) {
VBox windw=novi VBox();
završna scena scn=nova scena(windw,200, 200);
scn.setFill(null);
Stop() stops=new Stop() { new Stop(0, Color.ORANGE), new Stop(1, Color.BLUE)};
LinearGradient lngnt=novi LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, zaustavlja);
Pravokutnik rctng1=novi pravokutnik(0, 0, 50, 150);
rctng1.setFill(lngnt);
windw.getChildren().add(rctng1);
stg.setScene(scn);
stg.show();
}
public static void main(String() args) {
lansiranje(args);
}
}

Izlaz:

3. Bojenje radijalnog gradijenta unutar kruga

Uzmimo primjer implementacije radijalnog gradijenta bojanja koristeći značajke java FX-a. U ovom primjeru vidjet ćemo kako možemo nacrtati gradijentnu boju unutar kruga koristeći dvije različite boje.

Šifra:

import javafx.application.Application;
uvoz javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.stage.Stage;
javna klasa RadialGradientOfCircle proširuje aplikaciju {
public static void main(String() args) {
Application.launch(args);
}
@Override
javni nevažeći početak (final Stage primaryStage) {
"primaryStage.setTitle(Primjer radijalnog gradijenta unutar kruga);
"Korijen grupe=nova grupa();
Scena scene=nova scena(root, 300, 200, Color.ALICEBLUE);
primaryStage.setScene(scene);
addRectangle(scena);
primarnaStage.show();
}
privatni void addRectangle (završna scena) {
Krug C=novi krug(100,100,50);
RadialGradient gradient1=novi RadialGradient(0,
.1,
100,
50,
150,
lažno,
CycleMethod.NO_CYCLE,
novi Stop (0, Boja.ANTIQUEWHITE),
novo zaustavljanje(1, boja.TAMNOCRVENA));
C.setFill(gradient1);
konačni korijen grupe=(Grupa) scene.getRoot();
root.getChildren().add(C);
}
}

Izlaz:

Zaključak

Ovim završavamo naše učenje o temi “JavaFX Gradient Color”. Kao što možete vidjeti kako smo dizajnirali različite vrste gradijenata boja unutar različitih geometrijskih oblika poput kvadrata, pravokutnika, kruga, itd. iskorištavanjem mnogih značajki java FX-a. Učenje kodova bit će nepotpuno ako sami ne pišete kod. Sretno kodiranje!!

Pomozite razvoju web mjesta, dijelite članak s prijateljima!

Kategorija:

Programski jezici