Javafx:设置 TreeTableView 的背景

Question

我正在尝试设置 TreeTableView 的背景。

使用的 CSS 样式:

.tree-table-cell, cell{
   -fx-background-color: rgba(0, 0, 0, 1);
   -fx-background-image: url("blur03.jpg");
}

.tree-table-row-cell{
   -fx-background-image: url("blur03.jpg");
}

这是树 TableView 中 TreeTableColumn 的实现

final TreeTableColumn<RootMaster, Integer> dataColumn = new TreeTableColumn<>("Data");
    dataColumn.setCellValueFactory(new TreeItemPropertyValueFactory<RootMaster, Integer>("budgetSum"));
    dataColumn.setCellFactory(col -> {
        TreeTableCell<RootMaster, Integer> cell = new TreeTableCell<RootMaster, Integer>() {
            @Override
            public void updateItem(Integer item, boolean empty) {
                super.updateItem(item, empty);
                if (empty) {
                    setText(null);
                } else {
                    setText(item.toString());
                }
            }
        };
        cell.setAlignment(Pos.CENTER);
        return cell ;
    });

有了这个 css，我得到:

.tree-table-view, .table-view{
-fx-opacity: 0.3;}

Answer 1

Opacity 可以帮助你让它变得有点透明，以显示它背后的父级。

内联 CSS:

tableView.setStyle(
"-fx-background-color: rgba(0, 100, 100, 0.5);
-fx-background-radius: 10;"
);

单独的 CSS 文件:

.tree-table-view, .table-view{
-fx-background-color: rgba(0, 100, 100, 0.5);
}

在上面的代码中，0.5 指定了节点的不透明度或 alpha 属性。值 0.5 使其半不透明。因此，a 的值范围从 0 到 1，其中 1 完全可见，0 完全不透明。