如何使 JavaFX TableView 中的网格线保持清晰？答案

【问题标题】：How do I make the grid lines in a JavaFX TableView stay sharp?如何使 JavaFX TableView 中的网格线保持清晰？
【发布时间】：2014-09-24 12:24:26
【问题描述】：

下面的代码创建了一个包含足够多列的 TableView，需要水平滚动条。

最初，TableView 中的网格线有一个像素的宽度，因此很清晰。

滚动到 TableView 的最右侧，突然之间，网格线的宽度为两个像素，一个比另一个亮。

这会使网格线看起来模糊。

这可能是由于 JavaFX 认为网格线位于小数点（滚动后）而不是完全在像素上，因此将网格线与其周围环境混合。

我如何告诉 JavaFX 不要这样做？

我可以更改滚动条使其只选择精确的像素边界吗？

谢谢。

在下面的代码中，我将网格线颜色更改为红色（使用 css）以使其明显，但是如果使用默认颜色，则会出现同样的问题。

import javafx.application.Application;
import javafx.beans.property.ReadOnlyObjectWrapper;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class TableTest4 extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        BorderPane borderPane = new BorderPane();
        Scene scene = new Scene(borderPane, 500, 500);
        String cssFile = getClass().getResource("tabletest4.css").toExternalForm();
        scene.getStylesheets().add(cssFile);
        stage.setScene(scene);

        TableView<Integer> table = new TableView<>();

        ObservableList<Integer> data = FXCollections.observableArrayList();
        for (int i = 0; i < 20; i++) {
            data.add(i);
        }
        table.setItems(data);

        for (int i = 0; i < 20; i++) {
            String text = "";
            if (i % 2 == 0) {
                text = "sdfd";
            } else if (i % 3 == 0) {
                text = "dghg hghj";
            } else if (i == 17) {
                text = "This Hopppsdssss";
            }
            TableColumn<Integer,String> column = new TableColumn<>(Integer.toString(i) + " " + text);
            column.setCellValueFactory(param -> new ReadOnlyObjectWrapper<>(param.getValue().toString()));
            table.getColumns().add(column);
        }

        borderPane.setCenter(table);
        stage.show();
    }

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

css 是：

.table-view{
    -fx-table-cell-border-color: red;
}

【问题讨论】：

标签： java javafx javafx-2 javafx-8

【解决方案1】：

好的，看来仅使用 css 是不可能的，所以我输入了一个应该由 8u40 修复的错误报告。 https://javafx-jira.kenai.com/browse/RT-38781

【讨论】：