Minha Primeira Aplicação Fx!

Olá galera! Eu Bruno Rafael estou aqui novamente para cumprir o prometido para nossa amiga Pâmela Gatinho da galera do BelJug. Criarei neste, uma aplicação simples em JavaFx, mostrando as suas vantagens e comentando sobre como funciona sua forma de desenvolvimento, relembrando antigas linguagens de programação. Vamos lá!

JavaFX é um plataforma de software multimídia desenvolvida pela Sun Microsystems baseada em java para a criação e disponibilização de Internet rica que pode ser executada em vários dispositivos diferentes.

A versão atual (JavaFX 1.2, Junho 2009) permite a criação para desktop, browser e telefone celulares. TVs, video-games, Blu-rays players e outras plataformas estão sendo planejadas para serem adicionadas no futuro. JavaFX esta totalmente integrado com o JRE - as aplicações JavaFX rodarão nos desktops e nos browsers que rodarem JRE e nos celulares que rodarem o JavaME.

Para construir aplicações em JavaFX os desenvolvedores usam uma linguagem estática tipada e declarada chamada JavaFX Script. No desktop, por enquanto, existe somente para Windows XP, Windows Vista e o Macintosh. A Sun Microsystems dedica-se para criar uma implementação no Linux também.

Nos celulares, JavaFX é capaz de rodar em vários sistemas operacionais moveis como Android, Windows Mobile, e outros sistemas proprietários.

Veja algumas imagens de aplicações em JavaFx:

Agora Depois desta pequena introdução, vamos à nossa aplicação exemplo. Sigam-me os bons!

Abra seu netbeans com o suporte a javaFx (Uso o netbeans 6.8). Lá em projetos selecione javaFx, e logo após JavaFxScriptAplication:

 

Coloque um nome que você quizer em cua aplicação e clique em concluir.

Feito isso, será criado uma classe Main na qual terá a seguinte formatação:

 

Aqui nos é criado um método principal como era criado em uma aplicação java comum, sendo que o Stage que nos é citadom, é equivalente a um Jframe.Agora delete todo este código que nos foi criado. Agora declare uma variável que faráreferência a um botão que será criado. Declare da seguinte forma:

var btn:Button;

Aqui estamos criando uma variável var chamada btn. Em java Fx, ao invés colocarmos button btn = new button.......(), em java Fx o código passa a ser mais "enxuto", facilitando assim a sua formatação. Então ao criar um botão chamado btn, criamos o mesmo desta forma: var btn:Button;

criado nosso botão, vamos agora instancia-lo, e passar todos os parâmetros do mesmo da seguinte forma:

Agora vamos aos códigos:

btn = Button{}

Aqui. estamos instanciando nosso botão e passamos dentro das chaves seus atributos.

layoutX: 150; 

layoutY: 10;

Especificamos assim como todas as aplicações Fx a largura e altura do objeto. No caso, do botão.

text: "Exemplo Botão JA'TA'VA NA MENTE!!";

Nesta linha, estamos passando como parâmetro de texto no botão a frase "Exemplo Botão JA'TA'VA NA MENTE!!"

 action: function (){}

Aqui defini-se a ação que o botão irá executar. Será uma ação de funcionalidade:

Alert.confirm("O que acharam?","siga o blog para que não acabe!");

o botão ao ser clicado, ou seja, seu action irá mostrar uma mensagem de alerta com duas opções e o texto acima.

effect: Reflection { fraction: 0.5 }

Aqui especificamos que nosso botão terá o efeito de Reflexão, podendo ser usado vários outros efeitos que o javaFx disponibiliza. Este efeito será executado à cada fraçao de 0.5 segundos com a seguinte parte do código: { fraction: 0.5 }.

agora Adcionaremos nosso Stage da aplicação.  O Stage é o container ! Podemos fazer uma analogia com JFrame. 

 

Vamos ao nosso Stage. Aqui inicialmente devemos declarar sua altura,largura e título:

     height: 100;
     width: 450;
     title: "Exemplo de JavaFx";

Logo após devemos definir nossa Cena, 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{}

Agora vamos definir nossa Content. 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: []

Dentro de nosso content, criaremos os objetos que utilizaremos. Neste caso um Label:

    Label{
               text: "Clique no botão:"
               layoutX: 40;
               layoutY: 10;
            },

Logo depois vem nosso  botão declarado e instanciado lá em cima!

btn.

Agora execute sua aplicação e veja se ficou assim:

 

 É isso ai galera! Espera que tenham gostado deste post sobre JavaFx. Esta é uma aplicação simples para exemplificar como funciona.  Nos próximos posts colocaremos uma aplicação mais complexa mostrando a capacidade desta linguagem. Abraço e até a próxima!