Download as PDF, PPTX
Uploaded byAlexander Casall
JavaFX in Action (devoxx'16)
JavaFX is used by many companies and organizations for a variety of applications. Some key uses of JavaFX include: - Embedded applications, including on devices like phones and set-top boxes. - Mobile applications, as JavaFX supports deploying to iOS and Android. - Web applications, with JavaFX code running in browsers using a plugin or port to HTML5. - Traditional desktop applications, where JavaFX can provide a modern user interface for programs. - Specific examples given include office management software by an AIDS foundation in Germany.
More Related Content
JavaFX in Action (devoxx'16)
- 1.
- 2.
- 3. HISTORY OF JAVAFXUSING GOOGLE TRENDS JavaFX Script 1.0 F3 1.3 JavaFX 2.0 JavaFX 8 Classpath integration 3D API Printing 8.X Accessibility, Controls... Java API OpenJFX Script Language Flash Successor
- 4. 0 20 4060 80 100 120 140 160 I never used JavaFX before I did some experiments with JavaFX I use JavaFX in a productive application I use JavaFX, but the project is still in development Poll: Do you use JavaFX? Do you use JavaFX? Jaxenter poll 38% 29% 20 % 10 %
- 5. Where can youuse JavaFX?
- 6.
- 7.
- 8.
- 9.
- 10. Office Management Softwareof the German AIDS Foundation
- 14. Where to startwith FX?
- 15.
- 16.
- 17.
- 18. GridPane grid =new GridPane(); grid.setHgap(10); grid.setVgap(10); Text scenetitle = new Text("Antragsgegenstand"); scenetitle.setFont(Font.font("SegoeUI", FontWeight.BOLD, 13.0)); grid.add(scenetitle, 0, 0, 2, 1); Label categoryLabel = new Label("Kategorie:"); grid.add(categoryLabel, 0, 1); ComboBox<String> categoryCombo = new ComboBox<>(); grid.add(categoryCombo, 1, 1); categoryCombo.setMaxWidth(Double.MAX_VALUE); Label subjectLabel = new Label("Gegenstand:"); grid.add(subjectLabel, 0, 2); TextField subjectTextField = new TextField(); grid.add(subjectTextField, 1, 2); Label statusLabel = new Label("Status:"); grid.add(statusLabel, 0, 3); ComboBox<String> statusCombo = new ComboBox<>(); grid.add(statusCombo, 1, 3); statusCombo.setMaxWidth(Double.MAX_VALUE);
- 19. GridPane grid =new GridPane(); grid.setHgap(10); grid.setVgap(10); Text scenetitle = new Text("Antragsgegenstand"); scenetitle.setFont(Font.font("SegoeUI", FontWeight.BOLD, 13.0)); grid.add(scenetitle, 0, 0, 2, 1); Label categoryLabel = new Label("Kategorie:"); grid.add(categoryLabel, 0, 1); ComboBox<String> categoryCombo = new ComboBox<>();
- 21.
- 23. <GridPane fx:controller="de.aidsstiftung.aida.ContractView" …> <columnConstraints>…</columnConstraints><rowConstraints>…</rowConstraints> <children> <TextFieldfx:id="subjectTextField" GridPane.columnIndex="1" GridPane.rowIndex="2"/> <ComboBox fx:id="statusCombo" onAction="#onStatusComboAction" GridPane.columnIndex="1" GridPane.rowIndex="3" /> <ComboBox fx:id="categoryCombo" onAction="#onCategoryComboAction" GridPane.columnIndex="1" GridPane.rowIndex="1" /> <Text strokeType="OUTSIDE" styleClass="headerlabel” text="Antragsgegenstand" /> <Label text="Kategorie" GridPane.rowIndex="1" /> <Label text="Gegenstand" GridPane.rowIndex="2" /> <Label text="Status" GridPane.rowIndex="3" /> </children> </GridPane>
- 24. public class ContractView{ @FXML privateTextField subjectTextField; @FXML private ComboBox<String> statusCombo; @FXML private ComboBox<String> categoryCombo; @FXML void onCategoryComboAction(ActionEvent event) { System.out.println("Category changed: " + categoryCombo.valueProperty()); } @FXML void onStatusComboAction(ActionEvent event) { System.out.println("Status changed" + statusCombo.valueProperty()); }
- 25. URL fxml =getClass().getResource("ContractView.fxml"); FXMLLoader loader = new FXMLLoader(fxml); loader.setController(new ContractView()); GridPane grid = loader.load();
- 26. http://gluonhq.com/products/downloads/ Use Scene Builderto create UI-Components
- 27. How many FXMLFiles were used?
- 30. <?xml version="1.0" encoding="UTF-8"?> <?importjavafx.scene.layout.StackPane?> <StackPane xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx=…> <children> <fx:include source="child1.fxml" /> <fx:include source="child2.fxml" /> </children> </StackPane>
- 31. Back to ourcomponent
- 32.
- 33.
- 34. <GridPane styleClass="contentgrid"> <columnConstraints>…</columnConstraints><rowConstraints>…</rowConstraints> <children> <TextField fx:id="subjectTextField"GridPane.columnIndex="1" GridPane.rowIndex="2"/> <ComboBox fx:id="statusCombo" onAction="#onStatusComboAction" GridPane.columnIndex="1" GridPane.rowIndex="3" /> <ComboBox fx:id="categoryCombo" onAction="#onCategoryComboAction" GridPane.columnIndex="1" GridPane.rowIndex="1" /> <Text strokeType="OUTSIDE" styleClass="headerlabel” text="Antragsgegenstand" /> <Label text="Kategorie" GridPane.rowIndex="1" /> <Label text="Gegenstand" GridPane.rowIndex="2" /> <Label text="Status" GridPane.rowIndex="3" /> </children> </GridPane>
- 35. .headerlabel{ -fx-font-width:15pt; -fx-font-weight:bold; } .contentgrid{ -fx-hgap: 10px; -fx-vgap: 10px; } .contentgrid> .combo-box{ -fx-max-width: infinity; }
- 37.
- 38. CSS Scopes Application, Scene,FXML, Control
- 39.
- 41.
- 42. CONTROL SCOPE public classCalendar extends Control { … @Override public String getUserAgentStylesheet(){ return "calendar.css"; } }
- 43.
- 44.
- 46.
- 47.
- 49. TextField searchTextField =new TextField(); Button searchButton = new Button(); searchButton.disableProperty().bind(searchTextField.textProperty().isNotEmpty());
- 50. Button searchButton =new Button(); TextField searchTextField = new TextField(); BooleanBinding isNumberBinding = Bindings.createBooleanBinding(() -> searchTextField.getText().matches(".*d+.*"), searchTextField.textProperty()); searchButton.disableProperty().bind(searchTextField .textProperty().isNotEmpty() .and(isNumberBinding));
- 51.
- 52.
- 53.
- 54.
- 56. TIMELINES AND TRANSITIONS 0 s10 s layoutXProperty == 0 layoutXProperty == 250 KeyValue targetPoint = new KeyValue(node.translateXProperty(), 250); KeyFrame keyFrame = new KeyFrame(Duration.seconds(10), targetPoint); Timeline moveTimeline = new Timeline(keyFrame); moveTimeline.play(); TranslateTransition moveTransition = new TranslateTransition( Duration.seconds(10), node); moveTransition.setByY(250); moveTransition.play();
- 57.
- 58.
- 59. Pane taskPane =new TaskPane(task); taskPane.setOnTouchMoved(new EventHandler<TouchEvent>(){ @Override public void handle(TouchEvent event){ calculateScaleOfTask(event.getTouchPoints()); } });
- 60.
- 61. WEBVIEW Embed Webcontent intoJavaFX Applications
- 62.
- 63. WebView WebEngine Loads a Webpage ManagesDOM Executes JavaScript JavaScript <-> Java Node in GraphScene STRUCTURE WebView
- 64. System.out.println(webEngine.getUserAgent()); Mozilla/5.0 (Windows NT6.3; Win64; x64) AppleWebKit/538.19 (KHTML, like Gecko) JavaFX/8.0 Safari/538.19 TYP / VERSION WebEngine
- 65.
- 66.
- 67. LAST BUT NOTLEAST
- 68.
- 69.
- 70. TestFX rightClickOn("#desktop").moveTo("New").clickOn("Text Document"); write("myTextfile.txt").push(ENTER); //when: drag(".file").dropTo("#trash-can"); verifyThat("#desktop", hasChildren(0, ".file"));
- 71.
- 72.
- 73. Webstart is anOption
- 74. Package a nativeapp is another option
- 75. javapackager -makeall -appclasssrc/de/saxsys/javafx/Starter.java -name Example -width 600 -height 600 1. Package
- 76. https://github.com/edvin/fxlauncher Launcher App.v1 2. Distribute ÜberURL erreichbare Ablage
- 77. https://github.com/edvin/fxlauncher Launcher App.v1 2. Distribute viaURL accessible Space
- 78.
- 79.
- 80.
- 81. JavaFX runs onmobile using
- 82. JavaFX runs alsoin the browser using
- 83.
- 84. controller and modeltier (business logic) Server JavaFX (JAVA, FXML, CSS) JVM Client HTML5 (CSS, JS, SVG) view tier (rendering) Browser Architecture
- 85.
- 86.
- 87. ● Reasonable new browser ● Websocketsupported ● JavaScript enabled ● Usage of Web specific APIs Prerequisites
- 88.
- 89.
- 90. Let‘s answer thequestion: Who uses JavaFX?