Crear cuadrado en JavaFX
Un cuadrado tiene todos los lados iguales entre sí; podemos usar la funcionalidad Rectángulo
en JavaFX para crear un cuadrado. Este tutorial demuestra cómo crear un cuadrado en JavaFX.
Crear un cuadrado en JavaFX
La funcionalidad Rectangle
crea cuatro formas laterales en JavaFX. La clase Rectangle pertenece a JavaFX.scene.shape
.
Podemos crear una instancia de la clase Rectangle
y crear Rectangle Node en JavaFX. La clase Rectángulo
tiene cuatro propiedades básicas:
x
− Esta es la coordenada x del punto inicial del rectángulo.y
− Esta es la coordenada y del punto inicial del rectángulo.width
− Ancho del rectángulo.height
− Altura del rectángulo.
La sintaxis de rectángulo y sus propiedades:
Rectangle rectangle = new Rectangle(x, y, width, height);
setX(value of x);
setY(value of y);
setWidth(width);
setHeight(height);
Para dibujar un cuadrado en JavaFX, siga los siguientes pasos.
- Cree una clase ampliando la clase Aplicación.
- Empezar a implementar el método
start()
. - Cree un cuadrado instanciando la clase
Rectangle
. - Configure las propiedades del rectángulo. Asegúrate de que X sea igual a Y y que el ancho sea igual a la altura del cuadrado.
- Cree un objeto de grupo, cree una instancia de la clase de grupo y pásele el
rectangle
. - Cree un objeto de escena, cree una instancia de la clase
scene
y pase el objeto de grupo a la escena. - Establece el título usando el método
setTitle()
. - Agregue una escena al escenario utilizando el método
setScene()
. - Muestre el escenario utilizando el método
show
e inicie la aplicación.
Intentemos implementar un ejemplo basado en los pasos anteriores.
Código de ejemplo:
package delftstack;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
public class JavaFX_Square extends Application {
@Override
public void start(Stage Demo_Stage) {
// Drawing a Square
Rectangle Square = new Rectangle();
// Setting the properties of the Square
Square.setX(150.0f);
Square.setY(150.0f);
Square.setWidth(300.0f);
Square.setHeight(300.0f);
// Create a Group object
Group Demo_Root = new Group(Square);
// Create a scene object
Scene Demo_Scene = new Scene(Demo_Root, 600, 600);
// Set title to the Stage
Demo_Stage.setTitle("Drawing Sqaure");
// Add scene to the stage
Demo_Stage.setScene(Demo_Scene);
// Display the stage
Demo_Stage.show();
}
public static void main(String args[]) {
launch(args);
}
}
El código anterior creará un círculo con una altura de 300 px y un ancho de 300 px. Ver salida:
Intentemos crear un cuadrado con esquinas redondeadas. Para las esquinas redondeadas usamos las propiedades setArcHeight()
y setArcWidth()
. Ver ejemplo:
package delftstack;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
public class JavaFX_Square extends Application {
@Override
public void start(Stage Demo_Stage) {
// Drawing a Square
Rectangle Square = new Rectangle();
// Setting the properties of the Square
Square.setX(150.0f);
Square.setY(150.0f);
Square.setWidth(300.0f);
Square.setHeight(300.0f);
Square.setArcHeight(35);
Square.setArcWidth(35);
Square.setFill(Color.LIGHTBLUE);
// Create a Group object
Group Demo_Root = new Group(Square);
// Create a scene object
Scene Demo_Scene = new Scene(Demo_Root, 600, 600);
// Set title to the Stage
Demo_Stage.setTitle("Drawing Sqaure");
// Add scene to the stage
Demo_Stage.setScene(Demo_Scene);
// Display the stage
Demo_Stage.show();
}
public static void main(String args[]) {
launch(args);
}
}
El código anterior creará un cuadrado de esquina redondeada con una altura y un ancho de 300 px. Ver salida:
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook