¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!

Introducción al color degradado de JavaFX

La palabra "gradiente" significa progresión y "JavaFX" en java es un conjunto de herramientas que se utiliza para crear interfaces gráficas de usuario ricas. Entonces, al usar la función JavaFX, podemos desarrollar aplicaciones basadas en ventanas que contienen varias formas de emocionantes progresiones de color. En este artículo, veremos cómo podemos usar el diseño o dibujar colores degradados dentro de diferentes formas geométricas usando la GUI de JavaFX con algunos ejemplos.

Sintaxis:

Para diseñar o dibujar colores degradados de forma lineal o radial en Java FX mediante programación, debe seguir la sintaxis básica de java. Simplemente importe los paquetes necesarios que se encuentran en javafx.application., javfx.scene. y javafx.stage..

¿Cómo ha funcionado Gradient Color en JavaFX?

Solo necesitamos importar los paquetes requeridos y la codificación Java básica para crear esto. Consulte la sección de ejemplo con código para ver cómo implementar diferentes degradados de color. Hay dos tipos de progresión de color o degradado en JavaFX: degradado de color lineal y degradado de color radial

1. Gradiente de color lineal

Para implementar esto, necesitamos la clase LinearGradient que viene en el paquete javafx.scene.paint.LinearGradient. Esta clase tiene los siguientes parámetros que deben definirse

Gradiente Lineal lgt=new Gradiente Lineal(, , , ,, ,)

  • : indica la coordenada x del punto inicial del degradado de color. El tipo de datos de esto es double.
  • : indica la coordenada y del punto inicial del degradado de color. El tipo de datos de esto es double.
  • : indica la coordenada x del punto final del degradado de color. El tipo de datos de esto es double.
  • : indica la coordenada y del punto final del degradado de color. El tipo de datos de esto es double.
  • : Esta es una propiedad de tipo booleano. Si esto es cierto, el punto inicial y final del degradado de color será proporcional. El tipo de datos de esto es booleano
  • : Esto define el método de ciclo aplicado al degradado.
  • : esto define la distribución del color a lo largo del degradado. Esto es de tipo Lista.

Veremos en ejemplos de codificación cómo se definen en escenarios prácticos.

2. Gradiente de color radial

Para implementar esto, necesitamos una clase RadialGradient que se incluye en el paquete javafx.scene.paint.RadialGradient. Esta clase tiene los siguientes parámetros que deben definirse.

RadialGradient rgt=new RadialGradient(doble , doble , doble , doble , doble , booleano , CycleMethod , )

  • : indica el valor del ángulo en grados desde el centro hasta el punto de enfoque del primer color mapeado. El tipo de datos de esto es double.
  • : indica el valor de la distancia desde el centro hasta el punto de enfoque del primer color mapeado. El tipo de datos de esto es double.
  • : indica la coordenada x del punto central del círculo de color degradado. El tipo de datos de esto es double.
  • : indica la coordenada y del punto central del círculo de color degradado. El tipo de datos de esto es double.
  • : indica el valor del radio del círculo. El tipo de datos es doble.
  • : Esta es una propiedad de tipo booleano. Si esto es cierto, el punto inicial y final del degradado de color será proporcional. El tipo de datos de esto es booleano
  • : Esto define el método de ciclo aplicado al degradado.
  • : esto define la distribución del color a lo largo del degradado. Esto es de tipo Lista.

Veremos en ejemplos de codificación cómo se implementa el gradiente radial en escenarios prácticos.

Ejemplos para implementar el color degradado de JavaFX

Abajo hay ejemplos para implementar:

1. Coloración de degradado lineal dentro de un cuadrado

Tomemos un ejemplo de la implementación de la coloración de gradiente lineal utilizando características de Java FX. En este ejemplo, veremos cómo podemos dibujar un color degradado dentro de un círculo usando dos colores diferentes.

Código:

importar javafx.aplicación.Aplicación;
importar javafx.scene.;
importar javafx.scene.shape.;
importar javafx.scene.paint.;
importar javafx.scene.layout.;
importar javafx.stage.Stage;
la clase pública LinearGradientOfSquare extiende la aplicación {
@Anular
inicio de vacío público (Etapa stg) {
Ventana VBox=new VBox();
escena final scn=nueva escena(windw,200, 200);
scn.setFill(null);
Parada() paradas=nueva Parada() { nueva Parada(0, Color.INDIGO), nueva Parada(1, Color.NARANJA)};
LinearGradient lngnt=new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, se detiene);
Rectángulo sqre1=nuevo Rectángulo (0, 0, 150, 150);
sqre1.setFill(lngnt);
windw.getChildren().add(sqre1);
stg.setScene(scn);
stg.show();
}
public static void main(String() args) {
lanzar(argumentos);
}
}

Salida:

2. Coloración de degradado lineal dentro de un rectángulo

Tomemos un ejemplo de la implementación de la coloración de gradiente lineal utilizando características de javaFX. En este ejemplo, veremos cómo podemos dibujar un color degradado dentro de un rectángulo utilizando dos colores diferentes.

Código:

importar javafx.aplicación.Aplicación;
importar javafx.scene.;
importar javafx.scene.shape.;
importar javafx.scene.paint.;
importar javafx.scene.layout.;
importar javafx.stage.Stage;
la clase pública LinearGradientOfRectangle extiende la aplicación {
@Anular
inicio de vacío público (Etapa stg) {
Ventana VBox=new VBox();
escena final scn=nueva escena(windw,200, 200);
scn.setFill(null);
Parada() paradas=nueva Parada() { nueva Parada(0, Color.NARANJA), nueva Parada(1, Color.AZUL)};
LinearGradient lngnt=new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, se detiene);
Rectángulo rctng1=nuevo Rectángulo (0, 0, 50, 150);
rctng1.setFill(lngnt);
windw.getChildren().add(rctng1);
stg.setScene(scn);
stg.show();
}
public static void main(String() args) {
lanzar(argumentos);
}
}

Salida:

3. Coloración de degradado radial dentro de un círculo

Tomemos un ejemplo de la implementación de la coloración de degradado radial utilizando características de java FX. En este ejemplo, veremos cómo podemos dibujar un color degradado dentro de un círculo usando dos colores diferentes.

Código:

importar javafx.aplicación.Aplicación;
importar javafx.scene.;
importar javafx.scene.shape.;
importar javafx.scene.paint.;
importar javafx.stage.Stage;
la clase pública RadialGradientOfCircle extiende la aplicación {
public static void main(String() args) {
Aplicación.lanzamiento(argumentos);
}
@Anular
inicio de vacío público (Etapa final etapa primaria) {
"PrimaryStage.setTitle(Ejemplo de degradado radial dentro de un círculo);
"Grupo raíz=nuevo Grupo();
Escena escena=nueva Escena(raíz, 300, 200, Color.ALICEBLUE);
etapaprincipal.setScene(escena);
addRectangle(escena);
etapaprimaria.show();
}
addRectangle vacío privado (escena de escena final) {
Círculo C=nuevo Círculo(100,100,50);
RadialGradient gradiente1=new RadialGradient(0,
.1,
100,
50,
150,
falso,
CycleMethod.NO_CYCLE,
nuevo Stop(0, Color.ANTIQUEWHITE),
nueva Parada(1, Color.DARKRED));
C.setFill(gradiente1);
raíz del grupo final=(Grupo) scene.getRoot();
root.getChildren().add(C);
}
}

Salida:

Conclusión

Esto concluye nuestro aprendizaje del tema "Color de degradado de JavaFX". Como puede ver, hemos diseñado diferentes tipos de degradados de color dentro de varias formas geométricas como cuadrados, rectángulos, círculos, etc. al explotar muchas funciones de Java FX. El aprendizaje de los códigos estará incompleto si no escribe el código usted mismo. ¡¡Feliz codificación!!

¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!