Pomozte vývoji webu a sdílení článku s přáteli!

Úvod do JavaFX Gradient Color

Slovo „gradient“ znamená progresi a „JavaFX“ v jazyce Java je sada nástrojů, která se používá k vytváření bohatých grafických uživatelských rozhraní. Takže pomocí JavaFX zařízení můžeme vyvíjet aplikace založené na oknech obsahující různé tvary vzrušujících barevných progresí. V tomto článku se na několika příkladech podíváme, jak můžeme použít návrh nebo kreslit přechodové zbarvení uvnitř různých geometrických tvarů pomocí GUI JavaFX.

Syntaxe:

Chcete-li navrhovat nebo kreslit barevné přechody lineárním nebo radiálním způsobem v Java FX programově, měli byste dodržovat základní syntaxi java. Stačí importovat požadované balíčky, které spadají pod javafx.application., javfx.scene. a javafx.stage..

Jak se barva přechodu udělala v JavaFX?

Potřebujeme pouze importovat požadované balíčky a základní java kódování, abychom to vytvořili. Podívejte se na ukázkovou část s kódem, abyste viděli, jak implementovat různé barevné přechody. V JavaFX jsou dva typy barevné progrese nebo přechodu: Lineární barevný přechod a radiální barevný přechod

1. Lineární barevný přechod

K implementaci potřebujeme třídu LinearGradient, která spadá pod balíček javafx.scene.paint.LinearGradient. Tato třída má níže uvedené parametry, které je třeba definovat

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

  • : označuje x souřadnici počátečního bodu barvy přechodu. Datový typ tohoto je double.
  • : označuje souřadnici y počátečního bodu barvy přechodu. Datový typ tohoto je double.
  • : označuje x souřadnici koncového bodu barvy přechodu. Datový typ tohoto je double.
  • : označuje souřadnici y koncového bodu barvy přechodu. Datový typ tohoto je double.
  • : Toto je vlastnost typu boolean. Pokud je to pravda, počáteční a koncový bod barvy přechodu bude proporcionální. Datový typ tohoto je boolean
  • : Definuje metodu cyklu aplikovanou na gradient.
  • : definuje rozložení barev podél přechodu. Toto je typ seznamu.

V příkladech kódování uvidíme, jak jsou definovány v praktických scénářích.

2. Radiální barevný přechod

K implementaci potřebujeme třídu RadialGradient, která je součástí balíčku javafx.scene.paint.RadialGradient. Tato třída má níže uvedené parametry, které je třeba definovat.

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

  • : udává hodnotu úhlu ve stupních od středu k zaostřovacímu bodu první mapované barvy. Datový typ tohoto je double.
  • : udává hodnotu vzdálenosti od středu k zaostřovacímu bodu první mapované barvy. Datový typ tohoto je double.
  • : označuje x souřadnici středu barevného kruhu s přechodem. Datový typ tohoto je double.
  • : označuje souřadnici y středu barevného kruhu přechodu. Datový typ tohoto je double.
  • : udává hodnotu poloměru kružnice. Datový typ je double.
  • : Toto je vlastnost typu boolean. Pokud je to pravda, počáteční a koncový bod barvy přechodu bude proporcionální. Datový typ tohoto je boolean
  • : Toto definuje metodu cyklu aplikovanou na gradient.
  • : definuje rozložení barev podél přechodu. Toto je typ seznamu.

Na příkladech kódování uvidíme, jak je radiální gradient implementován v praktických scénářích.

Příklady implementace barvy přechodu JavaFX

Níže jsou příklady k implementaci:

1. Zbarvení lineárního přechodu ve čtverci

Uveďme si příklad implementace vybarvování s lineárním gradientem pomocí funkcí java FX. V tomto příkladu uvidíme, jak můžeme nakreslit gradientní vybarvení uvnitř kruhu pomocí dvou různých barev.

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;
veřejná třída LinearGradientOfSquare rozšiřuje aplikaci {
@Override
public void start (Stage stg) {
Windw VBox=new VBox();
finální scéna scn=nová scéna(windw,200, 200);
scn.setFill(null);
Stop() zastávky=nová zastávka() { nová zastávka(0, Barva.INDIGO), nová zastávka(1, Barva.ORANŽOVÁ)};
LinearGradient lngnt=new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);
Obdélník sqre1=nový obdélník(0, 0, 150, 150);
sqre1.setFill(lngnt);
windw.getChildren().add(sqre1);
stg.setScene(scn);
stg.show();
public static void main(String() args) {
spustit(args);

Výstup:

2. Barvení lineárního přechodu v obdélníku

Uveďme si příklad implementace vybarvování s lineárním gradientem pomocí funkcí javaFX. V tomto příkladu uvidíme, jak můžeme nakreslit gradientní vybarvení uvnitř obdélníku pomocí dvou různých barev.

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;
veřejná třída LinearGradientOfRectangle rozšiřuje aplikaci {
@Override
public void start (Stage stg) {
Windw VBox=new VBox();
finální scéna scn=nová scéna(windw,200, 200);
scn.setFill(null);
Stop() zastávky=nová zastávka() { nová zastávka(0, Barva.ORANŽOVÁ), nová zastávka(1, Barva.BLUE)};
LinearGradient lngnt=new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);
Obdélník 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) {
spustit(args);

Výstup:

3. Radiální gradientní zbarvení v kruhu

Uveďme si příklad implementace radiálního gradientního zbarvení pomocí funkcí java FX. V tomto příkladu uvidíme, jak můžeme nakreslit gradientní vybarvení uvnitř kruhu pomocí dvou různých barev.

Kód:

import javafx.application.Application;
import javafx.scene.;
import javafx.scene.shape.;
import javafx.scene.paint.;
import javafx.stage.Stage;
veřejná třída RadialGradientOfCircle rozšiřuje aplikaci {
public static void main(String() args) {
Application.launch(args);
@Override
public void start (konečná fáze primární fáze) {
"primaryStage.setTitle(Příklad radiálního gradientu uvnitř kruhu);
"Kořen skupiny=nová skupina();
Scéna scény=nová scéna(kořen, 300, 200, Barva.ALICEBLUE);
primaryStage.setScene(scene);
addRectangle(scene);
primaryStage.show();
private void addRectangle(závěreč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 Kořen skupiny=(Group) scene.getRoot();
root.getChildren().add(C);

Výstup:

Závěr

Tímto končíme naše učení na téma „JavaFX Gradient Color“. Jak můžete vidět, jak jsme navrhli různé typy barevných přechodů uvnitř různých geometrických tvarů, jako je čtverec, obdélník, kruh atd. s využitím mnoha funkcí java FX. Učení kódů nebude úplné, pokud kód nenapíšete sami. Šťastné kódování!!

Pomozte vývoji webu a sdílení článku s přáteli!

Kategorie:

Programovací jazyky