1 Intefejsy graczne. 1.1 Okienka. 1.2 Komponenty

Transkrypt

1 1 Intefejsy graczne JavaFX pocz tkowo zewn trzna biblioteka j zyka Java obecnie jest zalecanym rozwi zaniem tworzenia interfejsów u»ytkownika w nowych programach. 1.1 Okienka Klasa Application jest gªówn klas aplikacji JavaFX i jest odpowiedzialna za wy±wietlanie okien. import javafx.application.application; import javafx.scene.scene; import javafx.scene.layout.stackpane; import javafx.stage.stage; public class FXTests extends Application { StackPane root = new StackPane(); public static void main(string[] args) { launch(args); 1.2 Komponenty Istnieje szereg komponentów, które mog zosta dodane do okien: Label Button ComboBox ProgressBar... 1

2 import javafx.application.application; import javafx.scene.scene; import javafx.scene.control. ; import javafx.scene.layout.stackpane; import javafx.stage.stage; public class FXTests extends Application { StackPane root = new StackPane(); btn.settext("hello"); root.getchildren().add(btn); / Label lbl = new Label("Hello"); root.getchildren().add(lbl); / public static void main(string[] args) { launch(args); 1.3 Menad»ery ukªadu Klasy menad»erów ukªadu odpowiadaj za prawidªowe rozªo»enie komponentów w oknie: StackPane BorderPane HBox VBox GridPane BorderPane 2

3 BorderPane root = new BorderPane(); Button btn2 = new Button("Button"); btn.settext("say 'Hello World'"); Label lbl = new Label("Hello"); root.settop(btn); root.setright(btn2); root.setleft(lbl); HBox HBox root = new HBox(); Button btn2 = new Button("Button"); btn.settext("say 'Hello World'"); Label lbl = new Label("Hello"); root.getchildren().add(btn); root.getchildren().add(btn2); root.getchildren().add(lbl); VBox VBox root = new VBox(); Button btn2 = new Button("Button"); btn.settext("say 'Hello World'"); Label lbl = new Label("Hello"); root.getchildren().add(btn); root.getchildren().add(btn2); root.getchildren().add(lbl); 3

4 2 Obsªuga zdarze«btn.setonaction(new EventHandler<ActionEvent>() { public void handle(actionevent event) { System.out.println("Cliked! :)"); ); 3 J zyk FXML Do deklaracji interfejsu u»ytkonika mo»na tak»e wykorzysta specjalny j zyk FXML, dzi ki któremu mo»na oddzieli sposób dziaªania aplikacji od jego wygl du. 3.1 Plik FXML <?xml version="1.0" encoding="utf 8"?> <?import java.lang.?> <?import java.util.?> <?import javafx.scene.?> <?import javafx.scene.control.?> <?import javafx.scene.layout.?> <VBox id="anchorpane" prefheight="400.0" prefwidth="600.0" xmlns:fx=" fxml/1" fx:controller="com.adeik.fxtests.fxmlcontroller"> <Label text="label" id="label" minheight="16" minwidth="69" prefheight="16" prefwidth=" 69" fx:id="label" /> <Button text="button" onaction="#buttonhandler" /> <TextField text="textfield" fx:id="textfield" /> </VBox> 3.2 Kontroler Obiekt kontrolera odpowiada za obsªug interfejsu u»ytkownika. package com.adeik.fxtests; import java.net.url; import java.util.resourcebundle; import javafx.event.event; 4

5 import javafx.fxml.fxml; import javafx.fxml.initializable; import javafx.scene.control.textfield; public class FXMLController implements Initializable private TextField textfield; public void initialize(url url, ResourceBundle rb) { // protected void buttonhandler(event e){ textfield.settext("hello!"); 3.3 Okienko package com.adeik.fxtests; import java.io.ioexception; import javafx.application.application; import javafx.fxml.fxmlloader; import javafx.scene.scene; import javafx.scene.layout.pane; import javafx.stage.stage; public class FXMLTest extends Application { try { Pane mypane = (Pane)FXMLLoader.load(FXMLTest.class.getResource("/com/adeik/fxtests /FXML.fxml")); Scene myscene = new Scene(myPane); primarystage.setscene(myscene); catch (IOException ex) { ex.printstacktrace(); public static void main(string[] args) { launch(args); 4 Zadania do wykonania 1. Zapozna si z programem SceneBuilder 5

6 2. Zapzna si z dokumentacj klas menad»erów ukªadu (JavaFX Layout Managers) 3. Stworzy okno z komponentami i rozmieszczeniem zaproponowanym przez prowadz cego 4. Obsªu»y zdarzenia za pomoc EventHandlerów 5. Wykorzysta lambdy do obsªugi zdarze«6. Stworzy rozkªad komponentów za pomoc j zyka FXML 6