- dodaj obiekt tekstowy: /** Maciej */ Stage { title : "First JavaFX App" scene: Scene { width: 300 height: 300 content: [ ] } }

Transkrypt

1 1. Krótki opis technologii JavaFX jest technologią do tworzenia bogatych wizualnie aplikacji internetowych (RIA Rich Internet Application), przeznaczona nie tylko pod wiele systemów operacyjnych, ale też docelowo na wszystkie urządzenia z ekranem ( bring Java to all the screens of your life brzmi hasło reklamowe). W tej chwili już jest dostępna wersja JavyFX na komputery (JavaFX Desktop), urządzenia mobilne (JavaFX Mobile) a w 2010 planowane jest wdrożenie platformy TV (JavaFX TV). Aplikacje te pisane są w języku JavaFX Script - podobnym składniowo do JavaScripta, w pełni zorientowanym obiektowo (obiekty opisywane w formacie JSON). Język daje możliwości powiązania (binding) właściwości różnych obiektów między sobą albo z wartościami zmiennych oraz zawiera mnóstwo efektów graficznych, statycznych oraz ruchomych (animowanych). Wszystko to pozwala na tworzenie zaawansowanych i bardzo efektownych interfejsów graficznych dla aplikacji prezentujących na przykład jednocześnie efekty graficzne (przezroczystość), jak i animację obiektów oraz pozwala na utworzenie prostych aplikacji takich, które nie kryją za sobą na tyle skomplikowanej warstwy biznesowej, żeby trzeba do tego było angażować cały model MVC. Ale na szczęście JavaFX ma także zastosowanie tylko jako warstwa wizualna kod w JavaFX Scripcie może zostać dołączony jako część projektu, napisanego w Javie, służąca tylko do jego wizualizacji, a pod spodem mogą znajdować się dowolnie skomplikowane funkcjonalności. 2. Instalacja: - javafx SDK - Eclipse IDE for Java EE Developers - instalacja wtyczki do Eclipse: Help > Install New Software Add Site (Name: JavaFX, Location: 3. Tworzenie prostego projektu: - File > New > Project > JavaFX Project (JavaFX Profile: Desktop) - jeśli JavaFX SDK zainstalowana w niestandardowej lokacji należy ustawić zmienna JAVAFX_HOME na katalog główny biblioteki np. javafx-sdk stwórz nowy pakiet (New > Package) i utwórz w nim nowy skrypt JavaFX o nazwie Main.fx (New > Empty JavaFx Script) - w perspektywie JavaFX, zakładce Snippets możesz dodawać elementy skryptu metodą drag & drop - utwórz nową scenę główną (Stage) główny kontener i scenę (Scene) content graficzny aplikacji: title : "First JavaFX App" width: 300 height: 300 ] - dodaj obiekt tekstowy:

2 font: Font { size: 22 //Text // Scene // Stage - dodaj koło: import javafx.scene.shape.circle; radius: 100, fill: Color.BLACK, font: Font { size: 22 //Text // Scene // Stage - wypełnij koło gradientem:

3 import javafx.scene.shape.circle; import javafx.scene.paint.*; radius: 90, fill: RadialGradient { centerx: 75, centery: 75, radius: 90 proportional: false stops: [ offset: 0.0 color: Color.web("#3B8DED"), offset: 1.0 color: Color.web("#044EA4") ] // stops // RadialGradient // Circle font: Font { size: 22 //Text // Scene // Stage - uruchom (Run As > JavaFx Application) jako Profile wybierz Desktop profile Run as Application 4. Dodanie prostej animacji do aplikacji import javafx.scene.shape.circle; import javafx.scene.paint.*; import javafx.animation.timeline; import javafx.animation.keyframe; import javafx.animation.interpolator; var opacity = 1.0;

4 Timeline { repeatcount: Timeline.INDEFINITE, keyframes: [ KeyFrame { time: 5s, canskip: true values : [ opacity => 0.2 tween Interpolator.EASEBOTH ] // values // KeyFrame KeyFrame { time: 10s, canskip: true values : [ opacity => 1.0 tween Interpolator.EASEBOTH ] // values // KeyFrame ] // keyframes.play(); radius: 90, opacity: bind opacity fill: RadialGradient { centerx: 75, centery: 75, radius: 90 proportional: false stops: [ offset: 0.0 color: Color.web("#3B8DED"), offset: 1.0 color: Color.web("#044EA4") ] // stops // RadialGradient // Circle font: Font { size: 22 //Text // Scene // Stage 5. Przykłady aplikacji:

5