Question

我想知道如何在JavaFx中更改列表视图项文本字体大小。每行文本的大小会有所不同。我尝试使用细胞因子属性，但我不知道如何使用它。有人可以帮我吗？

Answer 1

类似的问题在这里：

How to change the font size in ListView in JavaFX?

您也可以使用下面的.css：

.list-cell:filled:selected:focused, .list-cell:filled:selected {
    -fx-background-color: linear-gradient(#328BDB 0.0%, #207BCF 25.0%, #1973C9 75.0%, #0A65BF 100.0%);
    -fx-text-fill: white;
}

.list-cell{
    -fx-font-size:15.0;
}

.list-cell:even { /* <=== changed to even */
    -fx-background-color: white;
}

.list-cell:filled:hover {
    -fx-background-color: #0093ff;
    -fx-text-fill: white;
}

如何在JavaFX中使用外部css？

How to use external css file to style a javafx application

如何以编程方式更改文本大小？：

在Java8之前：

listView.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
            @Override
            public ListCell<String> call(ListView<String> p) {
                return new ListCell<String>() {
                    @Override
                    protected void updateItem(String item, boolean empty) {
                        super.updateItem(item, empty);
                        if (item != null) {
                            setText(item);

                            // decide to add a new styleClass
                            // getStyleClass().add("costume style");
                            // decide the new font size
                            setFont(Font.font(16));
                        }
                    }
                };
            }
        });

使用lambda表达式：

listView.setCellFactory(cell -> {
            return new ListCell<String>() {
                @Override
                protected void updateItem(String item, boolean empty) {
                    super.updateItem(item, empty);
                    if (item != null) {
                        setText(item);

                        // decide to add a new styleClass
                        // getStyleClass().add("costume style");
                        // decide the new font size
                        setFont(Font.font(16));
                    }
                }
            };
        });

Answer 2

在项目类中存储文本和文本大小

public class SizedText {

    private final int textSize;
    private final String text;

    public SizedText(int textSize, String text) {
        this.textSize = textSize;
        this.text = text;
    }

    public int getTextSize() {
        return textSize;
    }

    public String getText() {
        return text;
    }
}

并使用cellFactory返回ListCell，根据updateItem方法中的商品数据设置文字大小。

@Override
public void start(Stage primaryStage) {
    ListView<SizedText> list = new ListView<>(FXCollections.observableArrayList(
            new SizedText(10, "10"),
            new SizedText(15, "15"),
            new SizedText(20, "20"),
            new SizedText(25, "25"),
            new SizedText(30, "30"),
            new SizedText(35, "35"),
            new SizedText(40, "40"),
            new SizedText(50, "50"),
            new SizedText(60, "60")
    ));

    list.setCellFactory(l -> new ListCell<SizedText>() {

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

            if (empty || item == null) {
                setText(null);
            } else {
                setText(item.getText());
                setFont(Font.font(item.getTextSize()));
            }
        }

    });

    Scene scene = new Scene(list);

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

Answer 3

在javaFx中，您可以使用css设置不同对象的样式。它取决于列表视图中的对象，但它会像这样。

ListView<Hyperlink> listview = ..

            ObservableList<Hyperlink> lists = listview.getItems();

            for(Hyperlink link:lists)
            {
                link.setStyle("-fx-background-color:#ffffff");
            }

在JavaFX中更改ListView字体大小

3 个答案: