javafx 之 TableView

ゞ浴缸里的玫瑰 2021-09-21 15:06 669阅读 0赞

# 开发环境 #

【IntelliJ IDEA 2019.2 + jdk8】

# 先建一个基本工程 #

![20210111151239983.png][]

# 放置界面 #

先放一个Pane, 这是一个固定步骤，先要有一个容器，才能放TableView等其它控件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70][]

放入TableView

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 1][]

若想增加列数，则加入TableColumn控件即可。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 2][]

修改列名称：直接在右边的Properties --> Text 里输入新的名程即可。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 3][]

# 添加数据 #

先填入一个 TableView的ID

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 4][]

然后，代码就可以根据这个ID，初始化变量，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 5][]

把Main.java里的代码改一下就行，其它的文件不用改。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 6][]

Main.java如下：

package sample;
    
    import javafx.application.Application;
    import javafx.beans.property.SimpleStringProperty;
    import javafx.collections.FXCollections;
    import javafx.collections.ObservableList;
    import javafx.fxml.FXMLLoader;
    import javafx.scene.Parent;
    import javafx.scene.Scene;
    import javafx.scene.control.TableCell;
    import javafx.scene.control.cell.PropertyValueFactory;
    import javafx.stage.Stage;
    
    
    public class Main extends Application {
    
        public javafx.scene.control.TableView m_TableView;
        public javafx.scene.control.TableColumn m_TableColumn_0;
        public javafx.scene.control.TableColumn m_TableColumn_1;
        public javafx.scene.control.TableColumn m_TableColumn_2;
    
        public static void main(String[] args) {
            launch(args);
        }
    
        @SuppressWarnings({ "rawtypes", "unchecked" })
        @Override
        public void start(Stage primaryStage)  throws Exception{
            Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
            primaryStage.setTitle("Hello World");
            primaryStage.setScene(new Scene(root, 500, 500));
            primaryStage.show();
            m_TableView = (javafx.scene.control.TableView)root.lookup("#Id_TableView_1");
            m_TableColumn_0 = (javafx.scene.control.TableColumn) m_TableView.getColumns().get(0);
            m_TableColumn_1 = (javafx.scene.control.TableColumn) m_TableView.getColumns().get(1);
            m_TableColumn_2 = (javafx.scene.control.TableColumn) m_TableView.getColumns().get(2);
    
            m_TableColumn_0.setCellValueFactory(new PropertyValueFactory<Object, Object>("Name")); // 这里是大小写不敏感。
            m_TableColumn_1.setCellValueFactory(new PropertyValueFactory<Object, Object>("value"));
            m_TableColumn_2.setCellValueFactory(new PropertyValueFactory<Object, Object>("Unit"));
    
            // 下面的代码可以重定义显示的格式,可以实现多行显示,等等，功能非常的强大。
            // 参考： https://blog.csdn.net/asdinto/article/details/91524452?utm_medium=distribute.pc_relevant_bbs_down.none-task-blog-baidujs-1.nonecase&depth_1-utm_source=distribute.pc_relevant_bbs_down.none-task-blog-baidujs-1.nonecase
            m_TableColumn_2.setCellFactory(col->{
                TableCell<Object, Object/*Double*/> cell = new TableCell<Object, Object/*Double*/>(){
                    @Override
                    public void updateItem(Object/*Double*/ item, boolean empty) {
                        super.updateItem(item, empty);
                        this.setText(null);
                        this.setGraphic(null);
                        if (!empty) {
                            int rowIndex = this.getIndex();
                            //double d = tbView.getItems().get(rowIndex).getWage();
                            //this.setText(StringUtils.formatNumber(2, d));
                            String src = item.toString();
                            String dst = new String();
                            for (int i=0; i<src.length(); i+=10){
                                int len = 10;
                                if (i + len > src.length())len = src.length() - i;
                                dst += src.substring(i, i+len);
                                dst += "\n";
                            }
                            this.setText(dst);
                        }
                    }
                };
                return cell;
            });
    
            // 第一种赋值法:
    //        m_TableView.getItems().add(new Person("人速", "100", "米"));
    //        m_TableView.getItems().add(new Person("马速", "高速度", "秒"));
    
            // 第二种赋值法:
            ObservableList<Person> data = FXCollections.observableArrayList(
                    new Person("1", "张三", "米12345679456877455555aaaabbb"),
                    new Person("2", "李四", "米"),
                    new Person("3", "王五", "米")
            );
            m_TableView.setItems(data);
            data.get(0).setName("ooo");
        }
    
        // 这是我们数据里的对象--配角的配角
        public static class Person {
            private SimpleStringProperty Name;// 这里是大小写不敏感。
            private SimpleStringProperty value;
            private SimpleStringProperty Unit;
            private Person(String name_in, String value_in, String Unit_in) {
                this.Name = new SimpleStringProperty(name_in);
                this.value = new SimpleStringProperty(value_in);
                this.Unit = new SimpleStringProperty(Unit_in);
            }
            public String getName() {return Name.get();}
            public void setName(String name_in) {Name.set(name_in);}
            public String getValue() {return value.get();} // 变量在这里，头个字母必须大写。
            public void setValue(String value_in) {value.set(value_in);}
            public String getUnit() {return Unit.get();}
            public void setUnit(String Unit_in) {Unit.set(Unit_in);}
        }
    }

以上代码参考自：《JavaFX+Jfoenix 学习笔记（三）--TableView数据表格源码》

[https://download.csdn.net/download/qq\_26486347/11389325?ops\_request\_misc=&request\_id=&biz\_id=103&utm\_term=javafxtableview%E6%B7%BB%E5%8A%A0%E6%95%B0%E6%8D%AE&utm\_medium=distribute.pc\_search\_result.none-task-download-2~download~sobaiduweb~default-3-11389325.pc\_v2\_rank\_dl\_default&spm=1018.2226.3001.4451][https_download.csdn.net_download_qq_26486347_11389325_ops_request_misc_request_id_biz_id_103_utm_term_javafxtableview_E6_B7_BB_E5_8A_A0_E6_95_B0_E6_8D_AE_utm_medium_distribute.pc_search_result.none-task-download-2_download_sobaiduweb_default-3-11389325.pc_v2_rank_dl_default_spm_1018.2226.3001.4451]

# 程序运行效果如下： #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 7][]

## 格子自动调整大小 ##

有时候，字符串特别长，放不下，那么，这时，该怎么办呢？

上面的写法尽可能地利用fxml来画图，很方便，但是有一点不是很好，就是样式一旦固定后，后面修改的余地不大，也是说，灵活性会缺失一点，下面介绍一种纯代码的写法。

# 纯代码写法 #

[20210111151239983.png]: /images/20210920/72caf012776748fa9cdd22011cd6a153.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70]: /images/20210920/2fd171afc24f4093b13d09eebd7408c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 1]: /images/20210920/36efb61235554be082a901e7e2cd7598.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 2]: /images/20210920/b97d9570bc5b469dafb6ebe458d23191.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 3]: /images/20210920/b58238ce7f4c4acfa3ccbf7f08183521.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 4]: /images/20210920/6288cc9d4cdd4dcc838f437c2d114411.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 5]: /images/20210920/689f0c5a1dc7434f8f0be24aa8d76db2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 6]: /images/20210920/0a6d03db2c8648f4985e00b07b334834.png
[https_download.csdn.net_download_qq_26486347_11389325_ops_request_misc_request_id_biz_id_103_utm_term_javafxtableview_E6_B7_BB_E5_8A_A0_E6_95_B0_E6_8D_AE_utm_medium_distribute.pc_search_result.none-task-download-2_download_sobaiduweb_default-3-11389325.pc_v2_rank_dl_default_spm_1018.2226.3001.4451]: https://download.csdn.net/download/qq_26486347/11389325?ops_request_misc=&request_id=&biz_id=103&utm_term=javafxtableview%E6%B7%BB%E5%8A%A0%E6%95%B0%E6%8D%AE&utm_medium=distribute.pc_search_result.none-task-download-2~download~sobaiduweb~default-3-11389325.pc_v2_rank_dl_default&spm=1018.2226.3001.4451
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 7]: /images/20210920/07ca5671b4db466c9f6945b0f322efde.png