Programowanie obiektowe

Transkrypt

1 Programowanie obiektowe Laboratorium 12 - wstęp do JavyFX mgr inż. Krzysztof Szwarc krzysztof@szwarc.net.pl Sosnowiec, 31 maja / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

2 Krótka lekcja historii 2 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

3 JavaFX Opis JavaFX jest rekomendowaną (przez Oracle a) biblioteką wykorzystywaną do tworzenia graficznego interfejsu użytkownika w Javie. Zastąpiła ona Swinga oraz AWT i zapewnia znaczną separację warstw aplikacji oraz wsparcie dla MVC. 3 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

4 JavaFX vs Swing Element aplikacji JavaFX Swing Struktura GUI FXML Java Style GUI CSS Java Logika Java Java Uwaga Porównanie zawiera rekomendowane podejście do tworzenia aplikacji w JavieFX, ułatwiające wykorzystanie wzorca MVC. 4 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

5 Edytor WYSIWYG do FXML - Scene Builder < BorderPane maxheight ="-Infinity "> <center > < CheckBox mnemonicparsing =" false " / > </ center > </ BorderPane > 5 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

6 Zadania 1 Pobierz i zainstaluj Scene Buildera 6 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

7 Zadania 1 Pobierz i zainstaluj Scene Buildera 2 Utwórz w Netbeansie nowy projekt (kategoria - JavaFX, projekt - JavaFX FXML Application). 6 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

8 Zadania 1 Pobierz i zainstaluj Scene Buildera 2 Utwórz w Netbeansie nowy projekt (kategoria - JavaFX, projekt - JavaFX FXML Application). 3 Wejdź w Tools Options Java JavaFX i wybierz ścieżkę Scene Buildera. 6 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

9 Zadania 1 Pobierz i zainstaluj Scene Buildera 2 Utwórz w Netbeansie nowy projekt (kategoria - JavaFX, projekt - JavaFX FXML Application). 3 Wejdź w Tools Options Java JavaFX i wybierz ścieżkę Scene Buildera. 4 Naciśnij PPM na pliku z rozszerzeniem fxml i wybierz opcję Edit. 6 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

10 Połączenie kontrolera z widokiem W pliku mamy m.in. labela o id label oraz button o id button z metodą onaction #handlebuttonaction. Dodatkowo kontener zawiera odwołanie do naszego kontrolera. Zobacz jak wygląda private Label label private void handlebuttonaction ( ActionEvent event ) {} 7 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

11 Generowanie struktury kontrolera Strukturę kontrolera można wygenerować za pomocą Scene Buildera, wybierając View Show Sample Controller Skeleton. 8 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

12 Zadania 5 Sprawdź zawartość głównego pliku projektu z przesłoniętą metodą start. 9 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

13 Struktura aplikacji w JavaFX 10 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

14 Wybrane kontenery w JavaFX AnchorPane opiera się na relatywnych pozycjach kontrolek. 11 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

15 Wybrane kontenery w JavaFX BorderPane umożliwia umieszczenie elementów w pięciu różnych częściach (górnej, centralnej, dolnej, lewej oraz prawej) / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

16 Wybrane kontenery w JavaFX HBox pozwala na umieszczenie elementów horyzontalnie (w jednym wierszu). 11 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

17 Wybrane kontenery w JavaFX VBox rozkłada elementy wertykalnie (w jednej kolumnie). 11 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

18 Proste komunikaty Alert alert = new Alert ( AlertType. ERROR ); alert. settitle (" Tytuł "); alert. setheadertext (" Nagłówek "); alert. setcontenttext (" Zawartość "); alert. showandwait (); 12 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

19 Zadania 1 Stwórz okno logowania, w którym użytkownik może wpisać login (TextField) oraz hasło (PasswordField) i zatwierdzić dane klikając na przycisk (Button) z napisem Ok (zdarzenie On Action). Obok kontrolek niech znajduje się opis dla wprowadzanych danych (Label). Dla loginu i hasła admin niech będzie wyświetlane okienko z komunikatem Zalogowano (AlertType.INFORMATION). W przeciwnym razie niech będzie wyświetlane okienko z komunikatem Błędne dane (AlertType.Error). Użyj m.in. HBox. Zobacz jak zachowają się kontrolki zmieniając wielkość okna. 13 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

20 Zadania 2 Napisz program w zgadywanie wylosowanej liczby (z zakresu od 0 do 10). Niech aplikacja informuje użytkownika o odgadnięciu, bądź nie wylosowanej wartości za pomocą wartości Labela. Program ma zliczać i wyświetlać liczbę nieudanych odgadnięć, a w momencie poprawnego wprowadzenia liczby wyzerować licznik i wylosować nową liczbę. 14 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe

21 Dziękuję za uwagę 15 / 15 mgr inż. Krzysztof Szwarc Programowanie obiektowe