Czym jest JavaFX? Rich Internet Application

Prezentacja na temat: "Czym jest JavaFX? Rich Internet Application"— Zapis prezentacji:

1

2 Czym jest JavaFX? Rich Internet Application
Atrakcyjny wizualnie, dynamiczny, multimedialny, jednoekranowy interfejs Alternatywa dla Adobe Flash, Adobe Flex, Microsoft Silverlight Deklaratywny język skryptowy

3 Tworzenie elementów graficznych i animowanych
Dostęp do całego JavaAPI 3 główne środowiska: komputery osobiste urządzenia przenośne telewizory

4 Pakiet JavaFX 3 główne części: JavaFX SDK NetBeans IDE
JavaFX Production Suite

5 Język JavaFX Prosta struktura Język skryptowy Typowanie statystyczne
Deklaratywny styl pisania

6 Typy zmiennych Boolean Integer Number String Duration Void

7 Struktura Programu import javafx.stage.Stage;
import javafx.scene.Scene; import javafx.scene.paint.Color; import javafx.scene.text.Font; import javafx.scene.control.Label; Stage { width:500, height:300 title:"HelloWorld" scene: Scene { fill:Color.GREENYELLOW content: [ Label { layoutX:64, layoutY:64 font: Font { name:"Verdana" size:64 } text:"HelloWorld„}]}}

8 Operatory Arytmetyczne Przypisania Relacyjne Logiczne Jednoargumentowe

9 Funkcje Function – słowo kluczowe do definiowania funkcji.
Void – stosujemy, gdy funkcja nie zwraca żadnej wartości. Przykład funkcji function myPrint(): Void { println("myPrint called"); }

10 Przykład funkcji nie zwracającej wyniku:
1) function wypisz_tekst(a: String, b: String): Void { println("{a}{b}"); } wypisz_tekst("alfa", "bet");

11 2) function wypisz_tekst(a, b){ println("{a}{b}"); } wypisz_tekst("alfa", "bet");

12 Funkcja, która zwraca wartość:
function polacz_stringi(a: String, b: String): String { return "{a}{b}"; } var s = polacz_stringi("kogel", "mogel");

13 function polacz_stringi(a, b) {
return "{a}{b}"; } var s = polacz_stringi("kogel", "mogel");

14 Klasa Shape wstawianie figur geometrycznych Podklasa klasy Node
Właściwości obiektu: Fill Smooth Stroke strokeDashArray strokeDashOffset strokeWidth

15 Przykłady kształtów Circle służy do rysowania koła. Środek koła określają właściwości centerX oraz cen- terY, natomiast promień określa właściwość radius. Kolor konturu oraz wypełniania można zdefiniować we właściwościach stroke oraz fill. Circle { centerX: 50, centerY: 50 radius: 40 fill: Color.CORAL stroke: Color.BLUE }

16 Komponenty interfejsu użytkownika
• Text Box – pole tekstowe, • Button – przycisk, • Hyperlink – hiperłącze, • ToggleButton – przycisk dwustanowy,

17 • RadioButton – pole przełączania opcji, • CheckBox – pole wyboru opcji, • ListView – lista wyboru, • Label – nieedytowalna etykieta tekstowa, • ScrollBar – obrzar przewijalny.

18

19 Animacje Zdefiniowanie animacji polega na uzależnieniu parametrów pozycji i orientacji od czasu def circle: Circle = Circle { centerX: 40 centerY: 70 radius: 25 fill: Color.SEAGREEN } Timeline { keyFrames: [ KeyFrame { time: 0s values: circle.translateX => 0.0 time: 3s values: circle.translateX => tween Interpolator.LINEAR ] }.play();

20 Animacja koła - ruch w prawo po osi x.

21 package javafxaplikacja; import javafx. scene. Scene; import javafx
package javafxaplikacja; import javafx.scene.Scene; import javafx.stage.Stage; import javafx.scene.shape.Circle; import javafx.scene.paint.RadialGradient; import javafx.scene.paint.Color; import javafx.scene.paint.Stop; import javafx.animation.Timeline; var x=0; var y=0; Stage { title: „Animacja” scene: Scene { width: 300 height: 300 content: [ Circle { centerX: 50 centerY: 50 radius: 50 fill: RadialGradient{ centerX:80 centerY:50 radius: 90 proportional: false stops: [ Stop { offset: 0.0 color: Color.YELLOW }, offset: 1.0 color:Color.BLACK } ] translateX:bind x translateY:bind y }//koniec Circle var timeline = Timeline { repeatCount: 2.0 autoReverse:true keyFrames:[ at (1s) {x => 0; y => 0; at (3s) {x => 200; y => 200; }; timeline.play();

22