Näkymät¶

Näkymän vaihtaminen samassa ikkunassa¶

Näkymän vaihtaminen samassa ikkunassa on tärkeä osa monen JavaFX-sovelluksen toimintaa. Näkymien välillä voi siirtyä ilman uuden ikkunan avaamista.

Alla yksinkertainen esimerkki, jossa on kaksi näkymää: MainView ja SecondaryView. Painikkeella pääsee toiselle näkymälle, ja toisella painikkeella takaisin.

Juju on tämä: Asetamme nykyisen Scene-olion juurisolmuksi uuden näkymän. Näin ikkunan koko ja muut ominaisuudet säilyvät, mutta sisältö vaihtuu.

main.fxmlsecondary.fxmlMainController.javaSecondaryController.java

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.VBox?>

<VBox xmlns:fx="http://javafx.com/fxml" fx:controller="fi.jyu.ohj2.esimerkit.MainController">
    <Button text="Toiseen näkymään" onAction="#siirryToiseenNakymaan"/>
</VBox>

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.VBox?>
<VBox xmlns:fx="http://javafx.com/fxml" fx:controller="fi.jyu.ohj2.esimerkit.SecondaryController">
    <Button text="Takaisin päänäkymään" onAction="#siirryPaanakymaan"/>
</VBox>

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Node;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class MainController {

    @FXML
    private void siirryToiseenNakymaan(ActionEvent event) throws Exception {
        Parent secondaryView = FXMLLoader.load(getClass().getResource("secondary.fxml"));
        Scene currentScene = ((Node) event.getSource()).getScene();
        currentScene.setRoot(secondaryView);
    }
}

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Node;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class SecondaryController {

    @FXML
    private void siirryPaanakymaan(ActionEvent event) throws Exception {
        Parent mainView = FXMLLoader.load(App.class.getResource("main.fxml"));
        Scene currentScene = ((Node) event.getSource()).getScene();
        currentScene.setRoot(mainView);
    }
}

Jos näkymien välillä on tarvetta välittää tietoa, se voidaan toteuttaa näkymän lataamisen yhteydessä seuraavasti. Tässä MainController lähettää viestin SecondaryController-oliolle, joka tulostaa sen konsoliin initialize()-metodissaan. Täysin vastaavasti voitaisiin välittää tieto myös takaisin päin.

MainController.javaSecondaryController.java

public class MainController  {
    @FXML
    private void siirryToiseenNakymaan(ActionEvent event) throws Exception {
        FXMLLoader loader = new FXMLLoader(App.class.getResource("secondary.fxml"));
        loader.setControllerFactory(_ -> new SecondaryController("Moikka"));
        Parent secondaryRoot = loader.load();
        Scene currentScene = ((Node) event.getSource()).getScene();
        currentScene.setRoot(secondaryRoot);
    }
}

public class SecondaryController implements Initializable {

    String valitettyViesti;
    public SecondaryController(String viesti) {
        valitettyViesti = viesti;
    }

    @FXML
    private void siirryPaanakymaan(ActionEvent event) throws Exception {
        Parent mainView = FXMLLoader.load(App.class.getResource("main.fxml"));
        Scene currentScene = ((Node) event.getSource()).getScene();
        currentScene.setRoot(mainView);
    }

    @Override
    public void initialize(URL url, ResourceBundle resourceBundle) {
        IO.println("Päänäkymästä huudellaan: " + valitettyViesti);
    }
}