básico em css, usando a interface
do java (JavaFX), criei vários
desenhos de formas conhecidas tais
como: Círculos, quadrados, retângulos,
retas horizontais e verticais,
mas o que me impressionou mesmo
foi algumas imagens de objetos
desconhecidos que foram criados
em css puro, exceto da impressão
gráfica que foi num desktop usando
JavaFX, e não num navegador de
internete destes que usamos no dia-dia.
Aqui mostro um destes objetos,
veja na imagem abaixo:
Veja abaixo uma imagem do programa em execução:
Veja abaixo o código do programa:
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontPosture;
import javafx.scene.text.FontWeight;
import javafx.stage.Stage;
public class PROJETO extends Application {
GridPane grid = new GridPane ( );
VBox box = new VBox ( 5 );
Pane root = new Pane ( );
Scene scene = new Scene ( root, 600, 310 );
Canvas canvas = new Canvas ( 600, 310 );
GraphicsContext ctx = canvas.getGraphicsContext2D ( );
//
/////////////////////////////////////////////////////////////////////////
public void Informe ( ) {
ctx.setFont ( Font.font ( "Helvetica", FontWeight.NORMAL,
FontPosture.ITALIC, 14 ) );
ctx.setFill ( Color.RED );
ctx.fillText ( "Por: ", 250, 225 );
ctx.setFill ( Color.BLACK );
ctx.fillText ( "Samuel
Lima", 280, 225 );
ctx.setFill ( Color.BLACK );
ctx.fillText ( "sa_sp10@hotmail.com", 250, 240 );
ctx.setFill ( Color.RED );
ctx.fillText ( "MUITO
OBRIGADO", 250, 280 );
}
//
/////////////////////////////////////////////////////////////////////////
@Override
public void start ( Stage stage ) {
stage.setTitle ( "JAVAFX -
DESENHANDO COM CSS" );
// Usando fonte em italic
ctx.setFont ( Font.font ( "Helvetica", FontWeight.NORMAL,
FontPosture.ITALIC, 17 ) );
ctx.setFill ( Color.RED );
ctx.fillText ( "JAVAFX -
DESENHANDO OBJETO 4 VIA CSS", 140, 40 );
//Criando uma moldura com css
root.setStyle (
"-fx-padding: 5;"
+ "-fx-border-style: solid inside;"
+ "-fx-border-width:
10;"
+ "-fx-border-insets:
5;"
+ "-fx-border-radius:
5;"
+ "-fx-border-color:
lightcoral;"
);
grid.setStyle (
"-fx-padding: 50 100;"
+ "-fx-border-width: 60 30;"
//Posiciona o objeto
no local específico
+ "-fx-border-insets:
50.0 180.0;"
+ "-fx-border-radius:
230;"
+ "-fx-border-color:
pink;"
);
Informe ( );
root.getChildren ( ).addAll ( grid, canvas );
stage.setScene ( scene );
stage.show ( );
}
//
/////////////////////////////////////////////////////////////////////////
public static void main ( String [ ] args ) {
launch ( args );
}
}
Nenhum comentário:
Postar um comentário
Observação: somente um membro deste blog pode postar um comentário.