Question

我只是尝试编写一个滑动条，其中包含一个已加载的fxml。这些FXML是我的菜单。使用此菜单，我必须在特殊窗格中加载其他FXML文件，而不使用线程般的工作背景来请求或生成更新。

我的SlideOut.java（运行）：`package slideout;

import java.io.*;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.animation.*;
import javafx.application.Application;
import javafx.event.*;
import javafx.fxml.FXMLLoader;
import javafx.geometry.Pos;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.scene.text.Text;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import javafx.util.Duration;
import javafx.scene.web.WebEngine;

/**
 * Example of a sidebar that slides in and out of view
 */
public class SlideOut extends Application {

    public String mainConntent;
    String currentPage;
    Pane mainView;
    Stage staged;

    public void changeConntent(String Conntent){
        FXMLLoader fxmlMainLoader = new FXMLLoader(getClass().getResource(Conntent));
        try {
            mainView = (Pane) fxmlMainLoader.load();
        } catch (IOException ex) {
            Logger.getLogger(SlideOut.class.getName()).log(Level.SEVERE, null, ex);
        }
        mainView.setPrefSize(800, 600);

// create a sidebar with some content in it.

        final Pane lyricPane = createSidebarContent();
        SideBar sidebar = new SideBar(250, lyricPane);
        VBox.setVgrow(lyricPane, Priority.ALWAYS);

// layout the scene.
        final BorderPane layout = new BorderPane();
        Pane mainPane = VBoxBuilder.create().spacing(10)
                .children(
                        sidebar.getControlButton(),
                        mainView
                ).build();
        layout.setLeft(sidebar);
        layout.setCenter(mainPane);

// show the scene

        Scene scene = new Scene(layout);
        scene.getStylesheets().add(getClass().getResource("slideout.css").toExternalForm());
        staged.setScene(scene);
        staged.showAndWait();
         }





    public static void main(String[] args) throws Exception {
        launch(args);
    }

    public void start(final Stage stage){

        stage.setTitle("SLideOutExample");

// create a WebView to show to the right of the SideBar.
        mainView = new Pane();

        FXMLLoader fxmlMainLoader = new FXMLLoader(getClass().getResource("Home.fxml"));
        try {
            mainView = (Pane) fxmlMainLoader.load();
        } catch (IOException ex) {
            Logger.getLogger(SlideOut.class.getName()).log(Level.SEVERE, null, ex);
        }
        mainView.setPrefSize(800, 600);

// create a sidebar with some content in it

        final Pane lyricPane = createSidebarContent();
        SideBar sidebar = new SideBar(250, lyricPane);
        VBox.setVgrow(lyricPane, Priority.ALWAYS);

// layout the scene

        final BorderPane layout = new BorderPane();
        Pane mainPane = VBoxBuilder.create().spacing(10)
                .children(
                        sidebar.getControlButton(),
                        mainView
                ).build();
        layout.setLeft(sidebar);
        layout.setCenter(mainPane);

// show the scene

        Scene scene = new Scene(layout);
        scene.getStylesheets().add(getClass().getResource("slideout.css").toExternalForm());
        stage.setScene(scene);
        stage.show();//showAndWait();? and something to do?

    }

    private BorderPane createSidebarContent() {// create some content to put in the sidebar.
        final BorderPane lyricPane = new BorderPane();
        FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("SlideBarConntent.fxml"));
        Pane cmdPane = null;
        try {
            cmdPane = (Pane) fxmlLoader.load();
        } catch (IOException ex) {
            Logger.getLogger(SlideOut.class.getName()).log(Level.SEVERE, null, ex);
        }

        try {
            lyricPane.setCenter(cmdPane);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return lyricPane;
    }

    /**
     * Animates a node on and off screen to the left.
     */
    class SideBar extends VBox {

        /**
         * @return a control button to hide and show the sidebar
         */
        public Button getControlButton() {
            return controlButton;
        }
        private final Button controlButton;

        /**
         * creates a sidebar containing a vertical alignment of the given nodes
         */
        SideBar(final double expandedWidth, Node... nodes) {
            getStyleClass().add("sidebar");
            this.setPrefWidth(expandedWidth);
            this.setMinWidth(0);

// create a bar to hide and show.
            setAlignment(Pos.CENTER);
            getChildren().addAll(nodes);

// create a button to hide and show the sidebar.
            controlButton = new Button("Collapse");
            controlButton.getStyleClass().add("hide-left");
            controlButton.setId("ControlButton");

// apply the animations when the button is pressed

            controlButton.setOnAction(new EventHandler<ActionEvent>() {
                @Override
                public void handle(ActionEvent actionEvent) {
// create an animation to hide sidebar

                    final Animation hideSidebar = new Transition() {
                        {
                            setCycleDuration(Duration.millis(250));
                        }

                        protected void interpolate(double frac) {
                            final double curWidth = expandedWidth * (1.0 - frac);
                            setPrefWidth(curWidth);
                            setTranslateX(-expandedWidth + curWidth);
                        }
                    };
                    hideSidebar.onFinishedProperty().set(new EventHandler<ActionEvent>() {
                        @Override
                        public void handle(ActionEvent actionEvent) {
                            setVisible(false);
                            controlButton.setText("Show");
                            controlButton.getStyleClass().remove("hide-left");
                            controlButton.getStyleClass().add("show-right");
                        }
                    });
// create an animation to show a sidebar

                    final Animation showSidebar = new Transition() {
                        {
                            setCycleDuration(Duration.millis(250));
                        }

                        protected void interpolate(double frac) {
                            final double curWidth = expandedWidth * frac;
                            setPrefWidth(curWidth);
                            setTranslateX(-expandedWidth + curWidth);
                        }
                    };
                    showSidebar.onFinishedProperty().set(new EventHandler<ActionEvent>() {
                        @Override
                        public void handle(ActionEvent actionEvent) {
                            controlButton.setText("Collapse");
                            controlButton.getStyleClass().add("hide-left");
                            controlButton.getStyleClass().remove("show-right");
                        }
                    });
                    if (showSidebar.statusProperty().get() == Animation.Status.STOPPED && hideSidebar.statusProperty().get() == Animation.Status.STOPPED) {
                        if (isVisible()) {
                            hideSidebar.play();
                        } else {
                            setVisible(true);
                            showSidebar.play();
                        }
                    }
                }
            });
        }
    }
}
`

在这些之后，我进入我的SlideBarConntent.fxml-Controller的控制器下面的动作事件：

 /*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

package slideout;

import java.net.URL;
import java.util.ResourceBundle;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.layout.Pane;

/**
 * FXML Controller class
 *
 * @author tobiasg
 */
public class SlideBarConntentController{

    SlideOut mainJava = new SlideOut();
    String Home = "Home.fxml";
    String Example = "FXMLExampelConntent.fxml";
    Pane dustbin;


     @FXML void loadHomeAction(ActionEvent event) {
        try {
            mainJava.changeConntent(Home);
        } catch (Exception ex) {
            Logger.getLogger(SlideBarConntentController.class.getName()).log(Level.SEVERE, null, ex);
        }
    }

     @FXML void loadFXMLConntentExampleAction(ActionEvent event) {
        try {
            mainJava.changeConntent(Home);
        } catch (Exception ex) {
            Logger.getLogger(SlideBarConntentController.class.getName()).log(Level.SEVERE, null, ex);
        }
    }


}

我希望有人可以帮助我，并因为我糟糕的英语技能而让我筋疲力尽。

Answer 1

这不起作用的原因是您正在创建SlideOut类的新实例。当您调用changeContent时，您将在该新实例上调用它，而不是在代表所显示应用程序的实例上调用它。

我会通过让SlideBarContentController公开当前内容的属性来解决这个问题。然后您的应用程序可以观察此属性并做出响应这也将消除控制器和应用程序类之间的耦合，这是可取的。

控制器看起来像这样：

import java.net.URL;
import java.util.ResourceBundle;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.layout.Pane;

/**
 * FXML Controller class
 *
 * @author tobiasg
 */
public class SlideBarConntentController{

    String Home = "Home.fxml";
    String Example = "FXMLExampelConntent.fxml";
    Pane dustbin;

    private final StringProperty content = new SimpleStringProperty(this, "content", "");

    public StringProperty contentProperty() {
        return content ;
    }
    public final String getContent() {
        return contentProperty().get();
    }
    public final void setContent(String content) {
        contentProperty().set(content);
    }

     @FXML void loadHomeAction(ActionEvent event) {
        content.set(Home);
    }

     @FXML void loadFXMLConntentExampleAction(ActionEvent event) {
        content.set(Example);
    }


}

现在，在您的应用程序类中，您需要访问控制器并观察属性：

    FXMLLoader fxmlMainLoader = new FXMLLoader(getClass().getResource("Home.fxml"));
    try {
        mainView = (Pane) fxmlMainLoader.load();
        SlideBarContentController contentController = (SlideBarContentController) fxmlMainLoader.getController();
        contentController.contentProperty().addListener(new ChangeListener<String>() {
            @Override
            public void changed(ObservableValue<? extends String> obs, String oldValue, String newValue) {
                changeContent(newValue);
            }
        });
    } catch (IOException ex) {
        Logger.getLogger(SlideOut.class.getName()).log(Level.SEVERE, null, ex);
    }

（您需要添加几个导入。）

如何更新我的舞台EVENT（在不同的控制器上）

1 个答案: