Mini Exemplo: Gui com JavaFX

Publicado em 17/08/2009 - 8.086 visualizações

Publicado por jesuino

Com o lançamento da nova JDK de JavaFX vieram muitos componentes GUI's novos e próprios de JavaFX (antes usavamos as Classes de Swing do pacote javafx.ext.swing).
Com um o visual bonito dos novos componentes e mantendo a facilidade de codificação com a linguagem orientada a objetos do tipo declarativa, JavaFX ainda evoluiu na velocidade!
Todos elementos de GUI de JavaFX herdam da classe Node, quem quiser ir mais a fundo com GUI's em JavaFX, sugiro que leia esta a documentação dessa classe para poder visualizar/entender o que pode ser feito com cada elemento.
Um ponto bem simples encontrado em JavaFX é o tratamento de eventos, como clique em botões , que praticamente extinguiu o uso de Listeners(ainda podemos passar a responsabilidade para outra de tratar o evento classe e tals...).
O gerenciamento de Layout para os componentes também foi melhorado nessa versão com mais classes, mas ainda é simples.
Muitos príncipios de OO estão encapsulados no JavaFX, sendo que somente declarando os componentes você pode criar uma GUI poderosa. Um exemplo é o atributo effects do elemento Node, onde você pode atribuir praticamente qualquer objeto do pacote effects, sem mexem em mais nada no código. Polimorfismo puro!!
Por fim, uma característica importante do JavaFX é o Binding, onde você pode ligar o comportamente de uma atributo a uma variável, facilitam muito a manipulação de Gui com fraco acoplamento entre os objetos!!

Abaixo um exemplo simples para testar o JavaFX novo(v1.2):

import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.stage.Alert;
import javafx.scene.layout.VBox;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.effect.Reflection;

/*
Aprenda JavaFX!!!

Um pequeno desmonstrativo de poder do JavaFX
*/

/*
Muitos criticam JavaFX por ser uma linguagem declarativa
Mas abaixo mostramos que podemos fazer declaração de variáveis normalmente
*/
var btn:Button;

/*
Aqui estamos instanciando o  nosso botão
Podemos colocar todos os atributos
*/
btn = Button{
         layoutX: 150;
         layoutY: 10;
         text: "Aqui!";
         action: function (){
            Alert.confirm("E ae","E ae?");
         }
         /*
         Efeito! Esse atributo é herdado da classe node
         Podemos utilizar muitos dos efeitos presentes aqui
         */
         effect: Reflection { fraction: 0.7 }

}

/*
O Stage é o container da aplicação! Podemos fazer uma analogia com JFrame
*/      
Stage{
   height: 100;
   width: 350;
   title: "Teste de GUI com JavaFX";
   /*
   scene é um atributo que recebe um objeto do tipo da classe Scene, que é onde as coisas acontecem
   Perceba que estamos usando a característica de JavaFX como linguagem declarativa neste ponto
   */
   scene: Scene{
      /*
      Content recebe um sequence(Uma estrutura de dados de JavaFX semelhante a um vetor), onde temos todos os componentes que estarão
      presentes nessa Scene
      */
      content: [      
         /*
         Declaramos um Label aqui!
         */
         Label{
            text: "Clique no botão:"
            layoutX: 40;
            layoutY: 10;
         },
         /*
         Esse é nosso botão declarado e instanciado lá em cima!
         */
         btn         
      ]
   }
}

O que é JavaFX
Mais tutoriais sobre JavaFX

comentários: 0

Home > Artigos > JavaFX >

Mini Exemplo: Gui com JavaFX

Tópicos Relacionados