Java Fx，编辑特定选项卡的文本区域

Question

好吧，我的问题很简单。我正在用Java Fx构建一个应用程序，并且我有一个TabPane。当我打开一个新的选项卡时，该选项卡通过fxml文件获取其内容

tab.setContent（（节点）FXMLLoader.load（this.getClass（）.getResource（“/main/textEditor.fxml”））

很好，这很好，它总是在所有标签上加载相同的文件，所以，所有标签上的所有文本区都有相同的id。问题是，用java，我只能得到第一个Tab的textarea的信息。< br>
如何特别编辑一个选项卡的文本区域？

我想做的一个例子：

主要

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.geometry.Rectangle2D;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Screen;
import javafx.stage.Stage;


public class Main extends Application{


     public static void main(String[] args) {
         Application.launch(Main.class, args);
     }

     @Override   
     public void start(Stage stage) throws Exception {  
         Parent root = FXMLLoader.load(getClass().getResource("/tabPane/test.fxml"));


         Screen screen = Screen.getPrimary();
         Rectangle2D bounds = screen.getVisualBounds();

         stage.setScene(new Scene(root));



         stage.show();
     }
}

test.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.net.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?import javafx.scene.layout.AnchorPane?>

<VBox prefHeight="400.0" prefWidth="640.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="tabPane.controller">
   <children>
      <MenuBar VBox.vgrow="NEVER">
         <menus>
            <Menu mnemonicParsing="false" onAction="#test" text="File">
               <items>
                  <MenuItem fx:id="insert" mnemonicParsing="false" onAction="#test" text="Insert" />
               </items>
            </Menu>
         </menus>
      </MenuBar>
      <AnchorPane maxHeight="-1.0" maxWidth="-1.0" prefHeight="-1.0" prefWidth="-1.0" VBox.vgrow="ALWAYS">
         <children>
            <Label alignment="CENTER" layoutX="155.0" layoutY="177.0" style="&#10;" text="Drag components from Library here…" textAlignment="CENTER" textFill="#9f9f9f" wrapText="false">
               <font>
                  <Font size="18.0" />
               </font>
            </Label>
            <TabPane fx:id="tabPane" prefHeight="375.0" prefWidth="640.0" tabClosingPolicy="UNAVAILABLE">
               <tabs>
                  <Tab text="Untitled Tab 1">
                     <content>
                        <TextArea fx:id="textarea" prefHeight="200.0" prefWidth="200.0" text="a" />
                     </content>
                  </Tab>
                  <Tab text="Untitled Tab 2">
                     <content>
                        <TextArea fx:id="textarea1" prefHeight="200.0" prefWidth="200.0" text="a" />
                     </content>
                  </Tab>
               </tabs>
            </TabPane>
         </children>
      </AnchorPane>
   </children>
   <stylesheets>
      <URL value="@../../../../BasicApplicatio11n_css/BasicApplication.css" />

控制器.java

import java.net.URL;
import java.util.ResourceBundle;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.TextArea;

public class controller implements Initializable{

    @FXML
    private TextArea textarea;

    @Override
    public void initialize(URL arg0, ResourceBundle arg1) {


    }
    public void test(ActionEvent event){

        textarea.appendText("Text");

    }

}

此示例有两个选项卡，当按下按钮时，我想在当前选定的选项卡上添加文本。

Answer 1

有几种不同的方法可以做到这一点。一种方法是让选项卡内容的控制器从文本区域公开text Property。然后在您的“主控制器”中，创建一个StringProperty字段。创建新选项卡时，只需观察其选择的属性并更新字符串属性字段以指向当前控制器中的那个。然后您可以轻松地将文本加载到“当前”窗格中。

下面是一个简单的示例：

编辑器控制器：

import javafx.beans.property.StringProperty;
import javafx.fxml.FXML;
import javafx.scene.control.TextArea;

public class EditorController {

    @FXML
    private TextArea textArea ;


    public StringProperty textProperty() {
        return textArea.textProperty() ;
    }
}

使用textEditor.fxml：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.control.TextArea?>

<BorderPane xmlns:fx="http://javafx.com/fxml/1" fx:controller="EditorController">
    <center>
        <TextArea fx:id="textArea"/>
    </center>
</BorderPane>

然后主控制器可能看起来像：

import java.io.File;
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;

import javafx.beans.property.StringProperty;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.stage.FileChooser;

public class MainController {

    @FXML
    private TabPane tabPane ;

    private StringProperty currentText ;

    public void initialize() throws IOException {
        // load an initial tab:
        newTab();
    }

    @FXML
    private void newTab() throws IOException {
        Tab tab = new Tab("Untitled text");
        FXMLLoader loader = new FXMLLoader(getClass().getResource("textEditor.fxml"));

        tab.setContent(loader.load());

        EditorController controller = loader.getController() ;

        tab.selectedProperty().addListener((obs, wasSelected, isNowSelected) -> {
            if (isNowSelected) {
                currentText = controller.textProperty();
            }
        });

        tabPane.getTabs().add(tab);
        tabPane.getSelectionModel().select(tab);
    }

    @FXML
    private void load() {
        FileChooser chooser = new FileChooser();
        File file = chooser.showOpenDialog(tabPane.getScene().getWindow());
        if (file != null) {
            Path path = file.toPath();
            try {
                currentText.set(String.join("\n", Files.readAllLines(path)));
            } catch (IOException e) {
                Alert alert = new Alert(AlertType.ERROR);
                alert.setContentText("Unable to load file "+path);
                alert.setTitle("Load error");
                alert.showAndWait();
            }
            tabPane.getSelectionModel().getSelectedItem().setText(path.getFileName().toString());
        }
    }
}

使用 main.fxml：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.control.TabPane?>
<?import javafx.scene.control.Button?>
<?import javafx.geometry.Insets?>

<BorderPane xmlns:fx="http://javafx.com/fxml/1" fx:controller="MainController">
    <center>
        <TabPane fx:id="tabPane"/>
    </center>
    <bottom>
        <HBox alignment="CENTER" spacing="5">
            <padding>
                <Insets top="5" right="5" left="5" bottom="5" />
            </padding>
            <Button text="Load..." onAction="#load" />
            <Button text="New" onAction="#newTab"/>
        </HBox>
    </bottom>
</BorderPane>

为了完整起见，一个简单的应用程序类：

import java.io.IOException;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws IOException {
        Parent root = FXMLLoader.load(getClass().getResource("main.fxml"));
        Scene scene = new Scene(root, 800, 800);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

还有其他方法，例如当选项卡选择更改时，您可以更改按钮的onAction属性等。