Question

我希望文本在treetable单元格中溢出到相邻的单元格中。我相信我刚读过表或treetable中没有Span功能，但可以通过css完成。

看到这张图片。我希望第一个单元格中的日期延伸到其他单元格以便可以读取。

http://imgur.com/KvK0adK

我以为我会使用 -overflow：visible; 但是我在Oracle文档中读到了：

JavaFX CSS不支持CSS布局属性，例如float，position，overflow和width。

有人能指出我在正确的方向吗？ CSS会更好，但自定义TreeTableRow是否是正确的解决方案？

提前致谢。

Answer 1

示例解决方案

这是TableView的溢出单元格，您可以根据TreeTableView调整它。

class OverflowCell extends TableCell<Person, String> {
    private Label overflowLabel = new Label();
    private Group overflowGroup = new Group(overflowLabel);

    public OverflowCell() {
        // destroy the clip.
        clipProperty().addListener((observable, oldClip, newClip) -> {
            if (newClip != null) {
                setClip(null);
            }
        });
    }

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

        if (empty || item == null) {
            setGraphic(null);
        } else {
            overflowLabel.setText(item);
            setGraphic(
                overflowGroup
            );
        }
    }
}

通常会剪切TableView中的单元格，因此将侦听器添加到OverflowCell的构造函数中以删除添加到单元格中的任何剪辑。 updateItem调用使用一个Group，因此Label的大小不会小于它的首选大小并被省略。

可能有其他方法可以做到这一点。自定义行工厂可能是替代解决方案。这个OverflowCell黑客只是一个简单的想法。

示例代码

这是实际操作，您可以看到第一行中的姓氏如何溢出到下一列。

overflow

为此处的代码量道歉。

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.*;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;
import javafx.scene.text.Font;
import javafx.stage.Stage;

public class TableCellOverflow extends Application {

    private TableView<Person> table = new TableView<>();
    private final ObservableList<Person> data =
            FXCollections.observableArrayList(
                    new Person("Jacob", "Krzyzanowski", ""),
                    new Person("Isabella", "Johnson", "isabella.johnson@example.com"),
                    new Person("Ethan", "Williams", "ethan.williams@example.com"),
                    new Person("Emma", "Jones", "emma.jones@example.com"),
                    new Person("Michael", "Brown", "michael.brown@example.com")
            );

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

        table.setPrefHeight(200);

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

        TableColumn<Person, String> firstNameCol = new TableColumn<>("First Name");
        firstNameCol.setMaxWidth(80);
        firstNameCol.setCellValueFactory(
                new PropertyValueFactory<>("firstName"));
        firstNameCol.getStyleClass().add("left-header");

        TableColumn<Person, String> lastNameCol = new TableColumn<>();
        lastNameCol.setMaxWidth(60);
        lastNameCol.setCellValueFactory(
                new PropertyValueFactory<>("lastName"));
        lastNameCol.setCellFactory(param -> new OverflowCell());

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

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

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

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

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

    class OverflowCell extends TableCell<Person, String> {
        private Label overflowLabel = new Label();
        private Group overflowGroup = new Group(overflowLabel);

        public OverflowCell() {
            // destroy the clip.
            clipProperty().addListener((observable, oldClip, newClip) -> {
                if (newClip != null) {
                    setClip(null);
                }
            });
        }

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

            if (empty || item == null) {
                setGraphic(null);
            } else {
                overflowLabel.setText(item);
                setGraphic(
                        overflowGroup
                );
            }
        }
    }

    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);
        }
    }
}

JavaFX表/ TreeTable单元溢出

1 个答案: