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

时间:2016-01-10 21:50:37

标签: java javafx tabs tabpanel

嗯,我的问题很简单。 我正在用Java Fx构建一个应用程序,我有一个TabPane。 当我打开一个新标签时,该标签通过fxml文件获取它的内容。

tab.setContent((Node)FXMLLoader.load(this.getClass().getResource("/main/textEditor.fxml")))

很好,运行良好,它总是在所有选项卡上加载相同的文件,因此,所有选项卡上的所有textarea都具有相同的ID。 问题是,使用java,我只能得到第一个Tab的textarea的信息。

 我怎样才能特别编辑一个标签的textarea?


我想做的一个例子:

主要

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" />

controller.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");

    }

}

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

1 个答案:

答案 0 :(得分:0)

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

以下是一个简单的例子:

EditorController:

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>

然后MainController看起来像:

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属性等。