terça-feira, 22 de dezembro de 2009

JavaFx com J2SE

Olá pessoal, estou aqui escrevendo o meu primeiro exemplo de JavaFx, vou mostrar para vocês como integrar javafx com classes do JSE.
Como todos devem saber o JavaFx é a aposta da Sun para aplicações ricas para a internet ou simplismente RIA, o JavaFx é 100% compativel com o JSE

Primeiramente vamos criar um projeto no Eclipse.

Vamos em File -> New -> Java Project

Adicionar imagem
Daremos o nome do nosso projeto (no meu caso coloquei JavaFx) e clicaremos em Finish.

Criaremos um pacote chamodo exemplo (ou um outro nome da sua preferência - ) apenas para organizarmos melhor nossas classes.

Defina o nome e click em Finish.

Crie agora uma nova classe Java (Botão direito em cima do pacote que acabou de criar vá em New -> Class ->Informe o Nome para a Classe {"Nesse Exemplo coloquei Animal"} e clique em Finish).

  1. package exemplo;

  2. public class Animal {

  3. private String raca;

  4. public void setRaca(String raca)
  5. {
  6. this.raca = raca;
  7. javax.swing.JOptionPane.showMessageDialog(null,this.raca,
  8. "JavaFx",javax.swing.JOptionPane.INFORMATION_MESSAGE);
  9. }

  10. public String getRaca()
  11. {
  12. return this.raca;
  13. }
  14. }

Agora vamos ao código JavaFx que fará uso da nossa classe.
Para criar uma classe JavaFx proceda da seguinte maneira: Botão direito em cima do pacote que você criou vá em New -> Other -> JavaFx -> Empty JavaFx Script -> Informe um Nome ("Nesse exemplo coloquei Prg01") e clique em Finish.


  1. package exemplo;
  2. import javafx.stage.Stage;
  3. import javafx.scene.Scene;
  4. import javafx.scene.control.Button;
  5. import javafx.scene.control.TextBox;
  6. import javafx.scene.Cursor;
  7. import javafx.scene.effect.*;
  8. import javafx.scene.effect.Reflection;
  9. //Cria o Objeto Animal
  10. var a = Animal{};
  11. //Cria o Botão
  12. var btn = Button
  13. {

  14. text: "Chamar Classe";
  15. layoutX:370;
  16. layoutY:200;
  17. cursor:Cursor.HAND;

  18. //Cria o evento action
  19. action: function()
  20. {
  21. //Faz uso do objeto animal passando como parâmetro a String contida no
  22. //TextBox
  23. a.setRaca(txt.text);
  24. }

  25. //Faz uso do efeito Reflection que faz um espelhamento
  26. effect: Reflection
  27. {
  28. fraction:1.0;
  29. }
  30. }
  31. //Cria o TextBox
  32. var txt = TextBox
  33. {
  34. //Define tamanho máximo do campo para 30 caracteres
  35. columns:30;
  36. //Posição no eixo X (referencia na tela)
  37. layoutX: 100;
  38. //Posição no eixo Y (referencia na tela)
  39. layoutY: 200;

  40. cursor:Cursor.HAND;

  41. //Faz uso do efeito Reflection que faz um espelhamento
  42. effect: Reflection
  43. {
  44. fraction:1.0;
  45. }
  46. }
  47. Stage
  48. {
  49. //Define o Titulo do Stage
  50. title:"JavaFx Programmer";

  51. //Cria uma Scene para o stage e define os objetos nela
  52. scene: Scene
  53. {
  54. height:500;
  55. width:500;
  56. content: [
  57. btn, txt
  58. ]
  59. }
  60. }

Como resultado temos a seguinte tela.




Pessoal espero que tenham gostado, e até a proxima.

1 comentários: