1. SESTINFO 2010 JavaFX Overview Eder Magalhães eder@yaw.com.br twitter.com/edermag

2. Relembrar... Conectividade; Iteratividade; Antes da propagação www;

3. Java pra todo lado ... Card Server Desktop Java até na web Ainda tem muitos mais ...

4. Mas são 15 anos... Será que vale a pena?

5. Números: Contagem feita em 2009!

6. JavaFXPlatform

7. JavaFXLanguage Linguagem de Script Orientada a Objetos Declarativa e procedural Linguagem de expressão Reconhece as classes do Java Typeinference Functions

8. Declaração Variáveis varnome: String; Constantes defPI: Number = 22 / 7; Funções functionsomar(x: Number, y:Number): Number { x + y; }

9. Data Types Wrapper primitivos do Java String Number Duration Sequences Void

10. Sequences varnumeros = [2, 4, 6]; insert [8, 10] intonumeros; //[2,4,6,8,10] println(reversenumeros); //print 10, 8, 6, 4, 2 varseq = [1 .. 10]; println( for (x in [1..4]) { x * x } ); //1, 2, 9, 16

11. Classes publicclassCliente { public-init var nome: String; public-initvarcpf: String; public-initvartelefone: String; publicfunctionprintDados() { println("Cliente: {nome} – {cpf}"); } }

12. Object Literal varcliente = Cliente { nome: "Claudia" cpf:"2091928912" telefone: "(11) 4444-6677" } cliente.printDados(); // Cliente: Claudia - 2091928912 cliente.cpf = "313123133"; //não compila

13. Binding vara = "Java"; varb = binda; println("a:{a} b:{b}"); //a: Java b: Java a = “JavaFX"; //atualiza b println("a:{a} b:{b}"); //a: JavaFX b: JavaFX varx = 10; vary = bind (x+10); X = 15; //y modificado para 25

14. Triggers vartexton replace oldValue { println("Oldvalue = '{oldValue}'"); println("Newvalue = '{text}'"); } text = "Hello"; Imprime: Oldvalue = '' Newvalue = 'Hello'

15. Java SceneGraph Responsável por pintar os elementos gráficos; Esconde complexidade na renderização; Otimiza o repaint Evolução da alternativa adotada no Java 2D https://scenegraph.dev.java.net/ http://weblogs.java.net/blog/2007/12/11/our-new-java-scene-graph-open-sourced

16. HelloWordFX Stage { title: "Hello FX!" scene: Scene { width: 250 height: 150 content: [ Label{ text: "Bem-vindo ao FX" } ] } }

17. Objetos Gráficos Controls Buttons, Radio Button, CheckBox, Labels, ListItem ... Layouts Charts Text Shapes

18. Customização de desenhos varretangulo = Rectangle { x:10 y:20 width:140 height:70 fill:Color.LIGHTBLUEstroke:Color.BLUE arcHeight:20 arcWidth:20 strokeWidth:3 } vardiamante = Polygon { points:[90,90, 110,70, 130,90, 110,110 ] fill:Color.LIGHTPINKstroke:Color.RED strokeWidth: 3 } varbalaozinho = ShapeIntersect { translateX:170 fill: Color.LIGHTGREEN stroke: Color.GREENstrokeWidth: 3 a: [retangulo, diamante] }

19. Tratando eventos varretangulo: Rectangle = Rectangle { ... onMouseEntered: function( e: MouseEvent ): Void { retangulo.fill = Color.WHITESMOKE; } onMouseExited: function( e: MouseEvent ): Void { retangulo.fill = Color.LIGHTBLUE; } }

20. Demonstração NetBeans / JavaFXComposer

21. Java Store

22. Livedemo - http://javafx.com/samples/

23. Perguntas & Respostas

24. Referências http://javafx.com http://store.java.com http://steveonjava.com/ http://fxexperience.com http://jfxstudio.wordpress.com/ http://rakeshmenonp.wordpress.com/ http://www.yaw.com.br http://www.globalcode.com.br http://blog.globalcode.com.br

25. Obrigado ! Eder Magalhães eder@yaw.com.br twitter.com/edermag