Introdução as Interfaces Gráficas (GUI) com JavaFX

• JavaFX é uma plataforma de software para a criação de interfaces gráficas de usuário (GUIs) em Java. Lançada em 2014, a JavaFX oferece um conjunto de APIs e ferramentas para o desenvolvimento de aplicativos desktop, móveis e embarcados com interfaces visuais ricas e interativas.

• Diferentemente do Java Swing, o JavaFX adota uma abordagem mais moderna e orientada a objetos para a criação de interfaces gráficas. Ele ainda pode utilizar uma linguagem de marcação chamada FXML para definir a estrutura da interface e um conjunto de classes Java para definir o comportamento e a lógica do aplicativo.

1. Instalar e configurar o Ambiente de Trabalho Java + VSCode

2. Criar novo Projeto Java no VSCode usando JavaFX

1. Feche o VSCode;

2. No Windows, acesse a opção de configuração "Editar as variáveis de ambiente do sistema" em Painel de Controle.

3. Selecione Avançado > Variáveis de Ambiente > Variáveis do Sistema > Novo:

   • Nome da Variável: JAVA_HOME

   • Procurar no diretório: selecioinar o diretório onde o Java está instalado - ex.: C:\Program Files\Java\jdk-18.0.2.1

4. Reabra o VSCode e recomece o processo de criação do projeto...

3. Alterar o projeto conforme suas necessidades...

• O projeto criado por default é um projeto JavaFX archetype Maven e, por isso, é um projeto voltado para aplicações web mais robustas e complexas, o que foge ao escopo desta disciplina.

• Desta forma, você não precisa se preocupar com o conteúdo do diretório/arquivos a seguir, podendo excluí-los:

  • /resources - diretório com interfaces em arquivos *.fxml

• O diretório src/main/java/[identificador de grupo] contém a classe principal App.java e as classes controladoras PrimaryController e SecondaryController responsáveis pela tela 1 e tela 2, respectivamente, do projeto default.

• Ou seja, você pode apagar os arquivos PrimaryController.java e SecondaryController.java e alterar o arquivo App.java conforme o seu novo projeto JavaFX.

Segue uma sugestão de Hello World em JavaFX para substituir o conteúdo da classe App.java . Este exemplo usa o conteúdo de uma caixa de texto TextField para alterar o conteúdo de um texto em rótulo Label.

package com.example;

import javafx.application.Application;

import javafx.stage.Stage;

import javafx.scene.Scene;

import javafx.scene.control.Label;

import javafx.scene.control.TextField;

import javafx.scene.control.Button;

import javafx.scene.layout.VBox;

import javafx.geometry.Pos;

import javafx.event.EventHandler;

import javafx.event.ActionEvent;

public class App extends Application

{

  @Override

  public void start(Stage primaryStage) {

    Label label;

    TextField tf;

    Button button;

    VBox vbox;

    Scene scene;

    tf = new TextField("Text Field!");

    tf.setMaxWidth(200);

    label = new Label("Type text and click the button");

    button = new Button("Click");

    button.setOnAction(new EventHandler<ActionEvent>() {

      @Override public void handle(ActionEvent e) {

        label.setText(tf.getText());

      }

    });

    vbox = new VBox(label, tf, button);

    vbox.setSpacing(20);

    vbox.setAlignment(Pos.CENTER);

    scene = new Scene(vbox, 300, 200);

    primaryStage.setTitle("A Simple Scene!");

    primaryStage.setScene(scene);

    primaryStage.show();

  }

  public static void main(String[] args) {

    launch(args);

  }

}