如何使JavaFX TableView中的网格线保持清晰?

时间:2014-09-24 12:24:26

标签: java javafx javafx-2 javafx-8

下面的代码创建了一个具有足够列的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;
} 

1 个答案:

答案 0 :(得分:0)

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