天天看點
傳回

JavaFX控件——TableView

版權聲明：本文為部落客原創文章，未經部落客允許不得轉載。 https://blog.csdn.net/Hanniel/article/details/78875503

在JavaFX 應用中對建立表格最重要的是TableView, TableColumn和TableCell這三個類。

你可以通過實作資料模型（data model） 和 實作 單元格工廠(cell factory) 來填充表格。

表格類提供了表格列嵌入式的排序能力和必要時調整列寬度的功能。

下面開始學習表格類的相關内容。

建立一個表格

例子1-1 

import javafx.application.Application;  
import javafx.geometry.Insets;  
import javafx.scene.Group;  
import javafx.scene.Scene;  
import javafx.scene.control.Label;  
import javafx.scene.control.TableColumn;  
import javafx.scene.control.TableView;  
import javafx.scene.layout.VBox;  
import javafx.scene.text.Font;  
import javafx.stage.Stage;  

public class TableViewSample extends Application {  

    private TableView table = new TableView();  
    public static void main(String[] args) {  
        launch(args);  
    }  

    @Override  
    public void start(Stage stage) {  
        Scene scene = new Scene(new Group());  
        stage.setTitle("Table View Sample");  
        stage.setWidth(300);  
        stage.setHeight(500);  

        final Label label = new Label("Address Book");  
        label.setFont(new Font("Arial", 20));  

        table.setEditable(true);  

//設定自動拉滿    table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);

        TableColumn firstNameCol = new TableColumn("First Name");  
        TableColumn lastNameCol = new TableColumn("Last Name");  
        TableColumn emailCol = new TableColumn("Email");  

        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);  

        final VBox vbox = new VBox();  
        vbox.setSpacing(5);  
        vbox.setPadding(new Insets(10, 0, 0, 10));  
        vbox.getChildren().addAll(label, table);  

        ((Group) scene.getRoot()).getChildren().addAll(vbox);  

        stage.setScene(scene);  
        stage.show();  
    }  
}

此表格元件 通過執行個體化TableView類來建立。

在該例子中,表格元件被添加到VBox 的布局容器中，然而你也可以直接将其添加到應用場景中。

例子 12-1定義了3列将用來存放位址簿的資訊：一個聯系人的 姓和名以及電子郵箱位址。列通過TableColumn這個類建立。

TableView 的getColumns方法可以擷取之前建立過的列。在你的應用中，你可以用此方法動态的添加和移除表格列。

編譯并運作此程式将擷取輸入輸出 ，結果如圖所示：

你可以通過setVisible 方法來控制列是否顯示。

如：如果你的應用邏輯需要隐藏電子郵件位址，可以這樣做：

emailCol.setVisible(false).

将這句代碼添加到例子1-1中，效果如圖：

如果你的資料需要更加複雜的呈現方式，你可以建立嵌套列。

假設位址簿中的聯系方式有兩個電子郵箱賬戶。你需要兩列來分别呈現第一個和第二個電子郵箱位址。

像下面代碼中展示的一樣，建立兩個子列，然後調用emailCol 的getColumns方法

TableColumn firstEmailCol = new TableColumn("Primary");  
TableColumn secondEmailCol = new TableColumn("Secondary");  

emailCol.getColumns().addAll(firstEmailCol, secondEmailCol);

在這段代碼裡面添加到例子1-1中然後編譯并運作, 此表格将呈現下圖中的樣子.

盡管表格已經添加到應用中，但是因為表格中沒有資料，标準的标題“表中無内容”（表格内容為空）将呈現在表格中。

如果不想顯示上述标題，你可以使用setPlaceholder 方法類制定 一個 Node(節點)對象呈現在空表格中。

定義資料模型（ Data Model）

當你要在JavaFx應用中建立一個表格，最好先建立一個類來定義資料模型和提供将來和表格互動的方法和屬性。例子1-2中定義了Person類來定義資料和位址簿。

例字1-2 建立 Person 類 

public class Person {  
    private final SimpleStringProperty firstName;  
    private final SimpleStringProperty lastName;  
    private final SimpleStringProperty email;  

    private Person(String fName, String lName, String email) {  
        this.firstName = new SimpleStringProperty(fName);  
        this.lastName = new SimpleStringProperty(lName);  
        this.email = new SimpleStringProperty(email);  
    }  

    public String getFirstName() {  
        return firstName.get();  
    }  
    public void setFirstName(String fName) {  
        firstName.set(fName);  
    }  

    public String getLastName() {  
        return lastName.get();  
    }  
    public void setLastName(String fName) {  
        lastName.set(fName);  
    }  

    public String getEmail() {  
        return email.get();  
    }  
    public void setEmail(String fName) {  
        email.set(fName);  
    }  

}

firstName, lastName, 和 email這些字元串屬性用來提供特殊資料元素的引用。

另外，每個資料元素都提供了get和set方法。 這樣如果調用 getFirstName方法經傳回firstName屬性的值，可以通過調用setFirstName方法來為這個屬性指派 。

在資料模型已經在Person 類中呈現以後。你可以建立ObservableList 數組随心所欲的定義資料行(data rows) 在你的表格中展示

下面的代碼片段實作了這個任務：

final ObservableList<Person> data = FXCollections.observableArrayList(  
    new Person("Jacob", "Smith", "[email protected]"),  
    new Person("Isabella", "Johnson", "[email protected]"),  
    new Person("Ethan", "Williams", "[email protected]"),  
    new Person("Emma", "Jones", "[email protected]"),  
    new Person("Michael", "Brown", "[email protected]")  
);

下一步就是将這些資料和表格的列之間建立聯系。你可以像例子1-3中那樣通過對每個資料元素的屬性定義來實作。

例子1-3 為列建立資料屬性 

firstNameCol.setCellValueFactory(  
    new PropertyValueFactory<Person,String>("firstName")  
);  
lastNameCol.setCellValueFactory(  
    new PropertyValueFactory<Person,String>("lastName")  
);  
emailCol.setCellValueFactory(  
    new PropertyValueFactory<Person,String>("email")  
);

setCellValueFactory 方法為每個列定制單元工廠。單元工程通過使用PropertyValueFactory類來實作， 表格列的firstName, lastName和email 屬性來引用Person中相應的屬性的 。

當資料模型已經定義完畢，資料已經添加并關聯到對應的列，你還可以通過TableView 的setItems 方法來添加表格資料:

table.setItems(data)

.

因為ObservableList 對象能夠跟蹤表格元素的任何變化，當其中的資料變化，TableView 的内容也自動更新。

例子1-4 建立一個表格并添加資料 

import javafx.application.Application;  
import javafx.beans.property.SimpleStringProperty;  
import javafx.collections.FXCollections;  
import javafx.collections.ObservableList;  
import javafx.geometry.Insets;  
import javafx.scene.Group;  
import javafx.scene.Scene;  
import javafx.scene.control.Label;  
import javafx.scene.control.TableColumn;  
import javafx.scene.control.TableView;  
import javafx.scene.control.TextField;  
import javafx.scene.control.cell.PropertyValueFactory;  
import javafx.scene.layout.VBox;  
import javafx.scene.text.Font;  
import javafx.stage.Stage;  

public class TableViewSample extends Application {  

    private TableView<Person> table = new TableView<Person>();  
    private final ObservableList<Person> data =  
        FXCollections.observableArrayList(  
            new Person("Jacob", "Smith", "[email protected]"),  
            new Person("Isabella", "Johnson", "[email protected]"),  
            new Person("Ethan", "Williams", "[email protected]"),  
            new Person("Emma", "Jones", "[email protected]"),  
            new Person("Michael", "Brown", "[email protected]")  
        );  

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

    @Override  
    public void start(Stage stage) {  
        Scene scene = new Scene(new Group());  
        stage.setTitle("Table View Sample");  
        stage.setWidth(450);  
        stage.setHeight(500);  

        final Label label = new Label("Address Book");  
        label.setFont(new Font("Arial", 20));  

        table.setEditable(true);  

        TableColumn firstNameCol = new TableColumn("First Name");  
        firstNameCol.setMinWidth(100);  
        firstNameCol.setCellValueFactory(  
                new PropertyValueFactory<Person, String>("firstName"));  

        TableColumn lastNameCol = new TableColumn("Last Name");  
        lastNameCol.setMinWidth(100);  
        lastNameCol.setCellValueFactory(  
                new PropertyValueFactory<Person, String>("lastName"));  

        TableColumn emailCol = new TableColumn("Email");  
        emailCol.setMinWidth(200);  
        emailCol.setCellValueFactory(  
                new PropertyValueFactory<Person, String>("email"));  

        table.setItems(data);  
        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);  

        final VBox vbox = new VBox();  
        vbox.setSpacing(5);  
        vbox.setPadding(new Insets(10, 0, 0, 10));  
        vbox.getChildren().addAll(label, table);  

        ((Group) scene.getRoot()).getChildren().addAll(vbox);  

        stage.setScene(scene);  
        stage.show();  
    }  

    public static class Person {  

        private final SimpleStringProperty firstName;  
        private final SimpleStringProperty lastName;  
        private final SimpleStringProperty email;  

        private Person(String fName, String lName, String email) {  
            this.firstName = new SimpleStringProperty(fName);  
            this.lastName = new SimpleStringProperty(lName);  
            this.email = new SimpleStringProperty(email);  
        }  

        public String getFirstName() {  
            return firstName.get();  
        }  

        public void setFirstName(String fName) {  
            firstName.set(fName);  
        }  

        public String getLastName() {  
            return lastName.get();  
        }  

        public void setLastName(String fName) {  
            lastName.set(fName);  
        }  

        public String getEmail() {  
            return email.get();  
        }  

        public void setEmail(String fName) {  
            email.set(fName);  
        }  
    }  
}

當你編譯并運作此代碼将呈現如下圖的樣子：

添加新行

圖示例子1-4中的表格包好5行資料，目前為止還不能編輯。

你可以用 文本域 為Last Name, and Email columns鍵入新值 Text Field 元件能夠使你的應用接收到使用者輸入的文本。

例子1-5 将建立3個文本域。并為每個文本域定義提示并建立添加按鈕。

例子1-5 利用文本域為表格建立新元素 

final TextField addFirstName = new TextField();  
addFirstName.setPromptText("First Name");  
addFirstName.setMaxWidth(firstNameCol.getPrefWidth());  
final TextField addLastName = new TextField();  
addLastName.setMaxWidth(lastNameCol.getPrefWidth());  
addLastName.setPromptText("Last Name");  
final TextField addEmail = new TextField();  
addEmail.setMaxWidth(emailCol.getPrefWidth());  
addEmail.setPromptText("Email");  

final Button addButton = new Button("Add");  
addButton.setOnAction(new EventHandler<ActionEvent>() {  
    @Override public void handle(ActionEvent e) {  
        data.add(new Person(  
            addFirstName.getText(),  
            addLastName.getText(),  
            addEmail.getText()  
        ));  
        addFirstName.clear();  
        addLastName.clear();  
        addEmail.clear();  
    }  
});

當使用者點選添加按鈕，在文本域輸入的文本将被添加到Person 的構造方法中，并添加到 data （observable list）中。是以帶有内容資訊的實體出現在表格中。

完整代碼如下：

例子1-6 用文本域添加條目的表格 

import javafx.beans.property.SimpleStringProperty;  
import javafx.collections.FXCollections;  
import javafx.collections.ObservableList;  
import javafx.event.ActionEvent;  
import javafx.event.EventHandler;  
import javafx.geometry.Insets;  
import javafx.scene.Group;  
import javafx.scene.Scene;  
import javafx.scene.control.Button;  
import javafx.scene.control.Label;  
import javafx.scene.control.TableColumn;  
import javafx.scene.control.TableView;  
import javafx.scene.control.TextField;  
import javafx.scene.control.cell.PropertyValueFactory;  
import javafx.scene.layout.HBox;  
import javafx.scene.layout.VBox;  
import javafx.scene.text.Font;  
import javafx.stage.Stage;  

public class FileChooserSample extends Application {  

    private TableView<Person> table = new TableView<Person>();  
    private final ObservableList<Person> data =  
            FXCollections.observableArrayList(  
            new Person("Jacob", "Smith", "[email protected]"),  
            new Person("Isabella", "Johnson", "[email protected]"),  
            new Person("Ethan", "Williams", "[email protected]"),  
            new Person("Emma", "Jones", "[email protected]"),  
            new Person("Michael", "Brown", "[email protected]"));  
    final HBox hb = new HBox();  

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

    @Override  
    public void start(Stage stage) {  
        Scene scene = new Scene(new Group());  
        stage.setTitle("Table View Sample");  
        stage.setWidth(450);  
        stage.setHeight(550);  

        final Label label = new Label("Address Book");  
        label.setFont(new Font("Arial", 20));  

        table.setEditable(true);  

        TableColumn firstNameCol = new TableColumn("First Name");  
        firstNameCol.setMinWidth(100);  
        firstNameCol.setCellValueFactory(  
                new PropertyValueFactory<Person, String>("firstName"));  

        TableColumn lastNameCol = new TableColumn("Last Name");  
        lastNameCol.setMinWidth(100);  
        lastNameCol.setCellValueFactory(  
                new PropertyValueFactory<Person, String>("lastName"));  

        TableColumn emailCol = new TableColumn("Email");  
        emailCol.setMinWidth(200);  
        emailCol.setCellValueFactory(  
                new PropertyValueFactory<Person, String>("email"));  

        table.setItems(data);  
        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);  

        final TextField addFirstName = new TextField();  
        addFirstName.setPromptText("First Name");  
        addFirstName.setMaxWidth(firstNameCol.getPrefWidth());  
        final TextField addLastName = new TextField();  
        addLastName.setMaxWidth(lastNameCol.getPrefWidth());  
        addLastName.setPromptText("Last Name");  
        final TextField addEmail = new TextField();  
        addEmail.setMaxWidth(emailCol.getPrefWidth());  
        addEmail.setPromptText("Email");  

        final Button addButton = new Button("Add");  
        addButton.setOnAction(new EventHandler<ActionEvent>() {  
            @Override  
            public void handle(ActionEvent e) {  
                data.add(new Person(  
                        addFirstName.getText(),  
                        addLastName.getText(),  
                        addEmail.getText()));  
                addFirstName.clear();  
                addLastName.clear();  
                addEmail.clear();  
            }  
        });  

        hb.getChildren().addAll(addFirstName, addLastName, addEmail, addButton);  
        hb.setSpacing(3);  

        final VBox vbox = new VBox();  
        vbox.setSpacing(5);  
        vbox.setPadding(new Insets(10, 0, 0, 10));  
        vbox.getChildren().addAll(label, table, hb);  

        ((Group) scene.getRoot()).getChildren().addAll(vbox);  

        stage.setScene(scene);  
        stage.show();  
    }  

    public static class Person {  

        private final SimpleStringProperty firstName;  
        private final SimpleStringProperty lastName;  
        private final SimpleStringProperty email;  

        private Person(String fName, String lName, String email) {  
            this.firstName = new SimpleStringProperty(fName);  
            this.lastName = new SimpleStringProperty(lName);  
            this.email = new SimpleStringProperty(email);  
        }  

        public String getFirstName() {  
            return firstName.get();  
        }  

        public void setFirstName(String fName) {  
            firstName.set(fName);  
        }  

        public String getLastName() {  
            return lastName.get();  
        }  

        public void setLastName(String fName) {  
            lastName.set(fName);  
        }  

        public String getEmail() {  
            return email.get();  
        }  

        public void setEmail(String fName) {  
            email.set(fName);  
        }  
    }  
}

效果圖如下：

此應用沒有提供任何校驗的過濾器，比如校驗電子郵件格式是否正确。當你開發自己的應用時可以添加這些方法。

目前的應用也沒有檢查是否鍵入了空值，如果沒有提供任何值，點選添加按鈕将在表格中鍵入一個空行。

列資料排序

TableView類提供了列中資料的排序。使用者可以通過點選列頭來對資料進行排序。第一次點選将進行升序排列，第二次點選将進行降序排列。第三次點選不排列。預設是不排列。

使用者可以對表格的多列進行排序，同樣也可以指定每列資料在排序操作中的優先級。如果想多行排列，使用者按住Shift的同時點選想要排序的每一列的列頭。

下面的圖中, first names升序排列, last names降序排列.記住第一列比第二列的優先級更高

作為應用的開發人員，你可以通過setSortType方法設定每一列的排序優先級。你可以分别指定升序和降序的排列規則，例如，用下面的代碼來設定emailCol 降序的排序。列:

emailCol.setSortType(TableColumn.SortType.DESCENDING);

表格的資料編輯

TableView類不僅能夠渲染表格式的資料，還能提供編輯的能力。使用 setEditable 方法來開啟表格編輯模式。

用 setCellFactory 方法，借助TextFieldTableCell的幫助來 重新實作表格單元格作為文本域。

setOnEditCommit 方法具有編輯 指派更新資料到相應表格單元格的能力。

例子1-7 顯示怎樣用這些方法來 編輯 First Name, Last Name, and Email列。

例子1-7 單元格編輯的實作 

firstNameCol.setCellFactory(TextFieldTableCell.forTableColumn());  
firstNameCol.setOnEditCommit(  
    new EventHandler<CellEditEvent<Person, String>>() {  
        @Override  
        public void handle(CellEditEvent<Person, String> t) {  
            ((Person) t.getTableView().getItems().get(  
                t.getTablePosition().getRow())  
                ).setFirstName(t.getNewValue());  
        }  
    }  
);  

lastNameCol.setCellFactory(TextFieldTableCell.forTableColumn());  
lastNameCol.setOnEditCommit(  
    new EventHandler<CellEditEvent<Person, String>>() {  
        @Override  
        public void handle(CellEditEvent<Person, String> t) {  
            ((Person) t.getTableView().getItems().get(  
                t.getTablePosition().getRow())  
                ).setLastName(t.getNewValue());  
        }  
    }  
);  

emailCol.setCellFactory(TextFieldTableCell.forTableColumn());  
emailCol.setOnEditCommit(  
    new EventHandler<CellEditEvent<Person, String>>() {  
        @Override  
        public void handle(CellEditEvent<Person, String> t) {  
            ((Person) t.getTableView().getItems().get(  
                t.getTablePosition().getRow())  
                ).setEmail(t.getNewValue());  
        }  
    }  
);            
import javafx.application.Application;  
import javafx.beans.property.SimpleStringProperty;  
import javafx.collections.FXCollections;  
import javafx.collections.ObservableList;  
import javafx.event.ActionEvent;  
import javafx.event.EventHandler;  
import javafx.geometry.Insets;  
import javafx.scene.Group;  
import javafx.scene.Scene;  
import javafx.scene.control.Button;  
import javafx.scene.control.Label;  
import javafx.scene.control.TableColumn;  
import javafx.scene.control.TableColumn.CellEditEvent;  
import javafx.scene.control.TableView;  
import javafx.scene.control.TextField;  
import javafx.scene.control.cell.PropertyValueFactory;  
import javafx.scene.control.cell.TextFieldTableCell;  
import javafx.scene.layout.HBox;  
import javafx.scene.layout.VBox;  
import javafx.scene.text.Font;  
import javafx.stage.Stage;  

public class TableViewSample extends Application {  

    private TableView<Person> table = new TableView<Person>();  
    private final ObservableList<Person> data =  
            FXCollections.observableArrayList(  
            new Person("Jacob", "Smith", "[email protected]"),  
            new Person("Isabella", "Johnson", "[email protected]"),  
            new Person("Ethan", "Williams", "[email protected]"),  
            new Person("Emma", "Jones", "[email protected]"),  
            new Person("Michael", "Brown", "[email protected]"));  
    final HBox hb = new HBox();  

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

    @Override  
    public void start(Stage stage) {  
        Scene scene = new Scene(new Group());  
        stage.setTitle("Table View Sample");  
        stage.setWidth(450);  
        stage.setHeight(550);  

        final Label label = new Label("Address Book");  
        label.setFont(new Font("Arial", 20));  

        table.setEditable(true);  

        TableColumn firstNameCol = new TableColumn("First Name");  
        firstNameCol.setMinWidth(100);  
        firstNameCol.setCellValueFactory(  
            new PropertyValueFactory<Person, String>("firstName"));  
        firstNameCol.setCellFactory(TextFieldTableCell.forTableColumn());  
        firstNameCol.setOnEditCommit(  
            new EventHandler<CellEditEvent<Person, String>>() {  
                @Override  
                public void handle(CellEditEvent<Person, String> t) {  
                    ((Person) t.getTableView().getItems().get(  
                            t.getTablePosition().getRow())  
                            ).setFirstName(t.getNewValue());  
                }  
            }  
        );  


        TableColumn lastNameCol = new TableColumn("Last Name");  
        lastNameCol.setMinWidth(100);  
        lastNameCol.setCellValueFactory(  
            new PropertyValueFactory<Person, String>("lastName"));  
        lastNameCol.setCellFactory(TextFieldTableCell.forTableColumn());  
        lastNameCol.setOnEditCommit(  
            new EventHandler<CellEditEvent<Person, String>>() {  
                @Override  
                public void handle(CellEditEvent<Person, String> t) {  
                    ((Person) t.getTableView().getItems().get(  
                        t.getTablePosition().getRow())  
                        ).setLastName(t.getNewValue());  
                }  
            }  
        );  

        TableColumn emailCol = new TableColumn("Email");  
        emailCol.setMinWidth(200);  
        emailCol.setCellValueFactory(  
            new PropertyValueFactory<Person, String>("email"));  
        emailCol.setCellFactory(TextFieldTableCell.forTableColumn());  
        emailCol.setOnEditCommit(  
            new EventHandler<CellEditEvent<Person, String>>() {  
                @Override  
                public void handle(CellEditEvent<Person, String> t) {  
                    ((Person) t.getTableView().getItems().get(  
                        t.getTablePosition().getRow())  
                        ).setEmail(t.getNewValue());  
                }  
            }  
        );  

        table.setItems(data);  
        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);  

        final TextField addFirstName = new TextField();  
        addFirstName.setPromptText("First Name");  
        addFirstName.setMaxWidth(firstNameCol.getPrefWidth());  
        final TextField addLastName = new TextField();  
        addLastName.setMaxWidth(lastNameCol.getPrefWidth());  
        addLastName.setPromptText("Last Name");  
        final TextField addEmail = new TextField();  
        addEmail.setMaxWidth(emailCol.getPrefWidth());  
        addEmail.setPromptText("Email");  

        final Button addButton = new Button("Add");  
        addButton.setOnAction(new EventHandler<ActionEvent>() {  
            @Override  
            public void handle(ActionEvent e) {  
                data.add(new Person(  
                        addFirstName.getText(),  
                        addLastName.getText(),  
                        addEmail.getText()));  
                addFirstName.clear();  
                addLastName.clear();  
                addEmail.clear();  
            }  
        });  

        hb.getChildren().addAll(addFirstName, addLastName, addEmail, addButton);  
        hb.setSpacing(3);  

        final VBox vbox = new VBox();  
        vbox.setSpacing(5);  
        vbox.setPadding(new Insets(10, 0, 0, 10));  
        vbox.getChildren().addAll(label, table, hb);  

        ((Group) scene.getRoot()).getChildren().addAll(vbox);  

        stage.setScene(scene);  
        stage.show();  
    }  

    public static class Person {  

        private final SimpleStringProperty firstName;  
        private final SimpleStringProperty lastName;  
        private final SimpleStringProperty email;  

        private Person(String fName, String lName, String email) {  
            this.firstName = new SimpleStringProperty(fName);  
            this.lastName = new SimpleStringProperty(lName);  
            this.email = new SimpleStringProperty(email);  
        }  

        public String getFirstName() {  
            return firstName.get();  
        }  

        public void setFirstName(String fName) {  
            firstName.set(fName);  
        }  

        public String getLastName() {  
            return lastName.get();  
        }  

        public void setLastName(String fName) {  
            lastName.set(fName);  
        }  

        public String getEmail() {  
            return email.get();  
        }  

        public void setEmail(String fName) {  
            email.set(fName);  
        }  
    }  
}

下圖中，使用者正在編輯Michael Brown的姓氏。使用者鍵入在單元格中鍵入了新的值，然後暗下來 Enter鍵。隻有按下了Enter鍵，單元格編輯才算結束。這一行為取決于TextField的實作。

請記住：預設的TextField 實作，需要使用者按下Enter鍵來送出編輯。你可以重新定義TextField的行為來通過焦點變化送出編輯，這是一個好的使用者體驗。嘗試修改代碼來實作這個替代的行為。

例子1-8 單元編輯的替換方案 

import javafx.application.Application;  
import javafx.beans.property.SimpleStringProperty;  
import javafx.beans.value.ChangeListener;  
import javafx.beans.value.ObservableValue;  
import javafx.collections.FXCollections;  
import javafx.collections.ObservableList;  
import javafx.event.ActionEvent;  
import javafx.event.EventHandler;  
import javafx.geometry.Insets;  
import javafx.scene.Group;  
import javafx.scene.Scene;  
import javafx.scene.control.Button;  
import javafx.scene.control.Label;  
import javafx.scene.control.TableCell;  
import javafx.scene.control.TableColumn;  
import javafx.scene.control.TableColumn.CellEditEvent;  
import javafx.scene.control.TableView;  
import javafx.scene.control.TextField;  
import javafx.scene.control.cell.PropertyValueFactory;  
import javafx.scene.layout.HBox;  
import javafx.scene.layout.VBox;  
import javafx.scene.text.Font;  
import javafx.stage.Stage;  
import javafx.util.Callback;  

public class TableViewSample extends Application {  

    private TableView<Person> table = new TableView<Person>();  
    private final ObservableList<Person> data =  
            FXCollections.observableArrayList(  
            new Person("Jacob", "Smith", "[email protected]"),  
            new Person("Isabella", "Johnson", "[email protected]"),  
            new Person("Ethan", "Williams", "[email protected]"),  
            new Person("Emma", "Jones", "[email protected]"),  
            new Person("Michael", "Brown", "[email protected]"));  
    final HBox hb = new HBox();  

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

    @Override  
    public void start(Stage stage) {  
        Scene scene = new Scene(new Group());  
        stage.setTitle("Table View Sample");  
        stage.setWidth(450);  
        stage.setHeight(550);  

        final Label label = new Label("Address Book");  
        label.setFont(new Font("Arial", 20));  

        table.setEditable(true);  
        Callback<TableColumn, TableCell> cellFactory =  
             new Callback<TableColumn, TableCell>() {  
                 public TableCell call(TableColumn p) {  
                    return new EditingCell();  
                 }  
             };  

        TableColumn firstNameCol = new TableColumn("First Name");  
        firstNameCol.setMinWidth(100);  
        firstNameCol.setCellValueFactory(  
            new PropertyValueFactory<Person, String>("firstName"));  
        firstNameCol.setCellFactory(cellFactory);  
        firstNameCol.setOnEditCommit(  
            new EventHandler<CellEditEvent<Person, String>>() {  
                @Override  
                public void handle(CellEditEvent<Person, String> t) {  
                    ((Person) t.getTableView().getItems().get(  
                        t.getTablePosition().getRow())  
                        ).setFirstName(t.getNewValue());  
                }  
             }  
        );  


        TableColumn lastNameCol = new TableColumn("Last Name");  
        lastNameCol.setMinWidth(100);  
        lastNameCol.setCellValueFactory(  
            new PropertyValueFactory<Person, String>("lastName"));  
        lastNameCol.setCellFactory(cellFactory);  
        lastNameCol.setOnEditCommit(  
            new EventHandler<CellEditEvent<Person, String>>() {  
                @Override  
                public void handle(CellEditEvent<Person, String> t) {  
                    ((Person) t.getTableView().getItems().get(  
                        t.getTablePosition().getRow())  
                        ).setLastName(t.getNewValue());  
                }  
            }  
        );  

        TableColumn emailCol = new TableColumn("Email");  
        emailCol.setMinWidth(200);  
        emailCol.setCellValueFactory(  
            new PropertyValueFactory<Person, String>("email"));  
        emailCol.setCellFactory(cellFactory);  
        emailCol.setOnEditCommit(  
            new EventHandler<CellEditEvent<Person, String>>() {  
                @Override  
                public void handle(CellEditEvent<Person, String> t) {  
                    ((Person) t.getTableView().getItems().get(  
                        t.getTablePosition().getRow())  
                        ).setEmail(t.getNewValue());  
                }  
            }  
        );  

        table.setItems(data);  
        table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);  

        final TextField addFirstName = new TextField();  
        addFirstName.setPromptText("First Name");  
        addFirstName.setMaxWidth(firstNameCol.getPrefWidth());  
        final TextField addLastName = new TextField();  
        addLastName.setMaxWidth(lastNameCol.getPrefWidth());  
        addLastName.setPromptText("Last Name");  
        final TextField addEmail = new TextField();  
        addEmail.setMaxWidth(emailCol.getPrefWidth());  
        addEmail.setPromptText("Email");  

        final Button addButton = new Button("Add");  
        addButton.setOnAction(new EventHandler<ActionEvent>() {  
            @Override  
            public void handle(ActionEvent e) {  
                data.add(new Person(  
                        addFirstName.getText(),  
                        addLastName.getText(),  
                        addEmail.getText()));  
                addFirstName.clear();  
                addLastName.clear();  
                addEmail.clear();  
            }  
        });  

        hb.getChildren().addAll(addFirstName, addLastName, addEmail, addButton);  
        hb.setSpacing(3);  

        final VBox vbox = new VBox();  
        vbox.setSpacing(5);  
        vbox.setPadding(new Insets(10, 0, 0, 10));  
        vbox.getChildren().addAll(label, table, hb);  

        ((Group) scene.getRoot()).getChildren().addAll(vbox);  

        stage.setScene(scene);  
        stage.show();  
    }  

    public static class Person {  

        private final SimpleStringProperty firstName;  
        private final SimpleStringProperty lastName;  
        private final SimpleStringProperty email;  

        private Person(String fName, String lName, String email) {  
            this.firstName = new SimpleStringProperty(fName);  
            this.lastName = new SimpleStringProperty(lName);  
            this.email = new SimpleStringProperty(email);  
        }  

        public String getFirstName() {  
            return firstName.get();  
        }  

        public void setFirstName(String fName) {  
            firstName.set(fName);  
        }  

        public String getLastName() {  
            return lastName.get();  
        }  

        public void setLastName(String fName) {  
            lastName.set(fName);  
        }  

        public String getEmail() {  
            return email.get();  
        }  

        public void setEmail(String fName) {  
            email.set(fName);  
        }  
    }  

    class EditingCell extends TableCell<Person, String> {  

        private TextField textField;  

        public EditingCell() {  
        }  

        @Override  
        public void startEdit() {  
            if (!isEmpty()) {  
                super.startEdit();  
                createTextField();  
                setText(null);  
                setGraphic(textField);  
                textField.selectAll();  
            }  
        }  

        @Override  
        public void cancelEdit() {  
            super.cancelEdit();  

            setText((String) getItem());  
            setGraphic(null);  
        }  

        @Override  
        public void updateItem(String item, boolean empty) {  
            super.updateItem(item, empty);  

            if (empty) {  
                setText(null);  
                setGraphic(null);  
            } else {  
                if (isEditing()) {  
                    if (textField != null) {  
                        textField.setText(getString());  
                    }  
                    setText(null);  
                    setGraphic(textField);  
                } else {  
                    setText(getString());  
                    setGraphic(null);  
                }  
            }  
        }  

        private void createTextField() {  
            textField = new TextField(getString());  
            textField.setMinWidth(this.getWidth() - this.getGraphicTextGap()* 2);  
            textField.focusedProperty().addListener(new ChangeListener<Boolean>(){  
                @Override  
                public void changed(ObservableValue<? extends Boolean> arg0,   
                    Boolean arg1, Boolean arg2) {  
                        if (!arg2) {  
                            commitEdit(textField.getText());  
                        }  
                }  
            });  
        }  

        private String getString() {  
            return getItem() == null ? "" : getItem().toString();  
        }  
    }
}

記住這種處理方式可能會在未來的更新中變得多餘，TextFieldTableCell 的實作對TextField的取代，提供了更好的而使用者體驗。

将Map資料添加到表格中

從JavaFX SDK 2.2開始，你可以往表格中添加Map類型的資料。用如 例子1-9 展示的 利用MapValueFactory展示 student IDs Map;

例子1-9 往表格中添加Map資料 

import java.util.HashMap;  
import java.util.Map;  
import javafx.application.Application;  
import javafx.collections.FXCollections;  
import javafx.collections.ObservableList;  
import javafx.geometry.Insets;  
import javafx.scene.Group;  
import javafx.scene.Scene;  
import javafx.scene.control.Label;  
import javafx.scene.control.TableCell;  
import javafx.scene.control.TableColumn;  
import javafx.scene.control.TableView;  
import javafx.scene.control.cell.MapValueFactory;  
import javafx.scene.control.cell.TextFieldTableCell;  
import javafx.scene.layout.VBox;  
import javafx.scene.text.Font;  
import javafx.stage.Stage;  
import javafx.util.Callback;  
import javafx.util.StringConverter;  

public class TableViewSample extends Application {  

    public static final String Column1MapKey = "A";  
    public static final String Column2MapKey = "B";  

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

    @Override  
    public void start(Stage stage) {  
        Scene scene = new Scene(new Group());  
        stage.setTitle("Table View Sample");  
        stage.setWidth(300);  
        stage.setHeight(500);  

        final Label label = new Label("Student IDs");  
        label.setFont(new Font("Arial", 20));  

        TableColumn<Map, String> firstDataColumn = new TableColumn<>("Class A");  
        TableColumn<Map, String> secondDataColumn = new TableColumn<>("Class B");  

        firstDataColumn.setCellValueFactory(new MapValueFactory(Column1MapKey));  
        firstDataColumn.setMinWidth(130);  
        secondDataColumn.setCellValueFactory(new MapValueFactory(Column2MapKey));  
        secondDataColumn.setMinWidth(130);  

        TableView table_view = new TableView<>(generateDataInMap());  

        table_view.setEditable(true);  
        table_view.getSelectionModel().setCellSelectionEnabled(true);  
        table_view.getColumns().setAll(firstDataColumn, secondDataColumn);  
        Callback<TableColumn<Map, String>, TableCell<Map, String>>  
            cellFactoryForMap = new Callback<TableColumn<Map, String>,  
                TableCell<Map, String>>() {  
                    @Override  
                    public TableCell call(TableColumn p) {  
                        return new TextFieldTableCell(new StringConverter() {  
                            @Override  
                            public String toString(Object t) {  
                                return t.toString();  
                            }  
                            @Override  
                            public Object fromString(String string) {  
                                return string;  
                            }                                      
                        });  
                    }  
        };  
        firstDataColumn.setCellFactory(cellFactoryForMap);  
        secondDataColumn.setCellFactory(cellFactoryForMap);  

        final VBox vbox = new VBox();  

        vbox.setSpacing(5);  
        vbox.setPadding(new Insets(10, 0, 0, 10));  
        vbox.getChildren().addAll(label, table_view);  

        ((Group) scene.getRoot()).getChildren().addAll(vbox);  

        stage.setScene(scene);  

        stage.show();  
    }  

    private ObservableList<Map> generateDataInMap() {  
        int max = 10;  
        ObservableList<Map> allData = FXCollections.observableArrayList();  
        for (int i = 1; i < max; i++) {  
            Map<String, String> dataRow = new HashMap<>();  

            String value1 = "A" + i;  
            String value2 = "B" + i;  

            dataRow.put(Column1MapKey, value1);  
            dataRow.put(Column2MapKey, value2);  

            allData.add(dataRow);  
        }  
        return allData;  
    }  
}

MapValueFactory 類實作了Callback 接口，此接口為定義表格列的單元格工廠而設計的。在例子1-9中，資料行 hash map（哈希map） 展現了TableView對象的一個單行。這個map有兩個String（字元串）類型的鍵： Column1MapKey 和 Column2MapKey來映射第一和第二列對應的值。

表格列通過調用setCellValueFactory 來填充與指定鍵(key)相比對的資料。以便第一列包含與”A“鍵(key)對應的值，第二列包含于key（鍵）”B“對應的值。

當你編譯并運作此應用，将顯示如圖所顯示的結果。

人工智能 bi 開發工具 UED 容器 tableview問題 tableview關聯 tableview選擇 tableview滾動條 tableview單元格
上一篇: Git入門
下一篇: 在Eclipse中安裝e(fx)lipse (JavaFX工具）

繼續閱讀