JavaFX ChoiceBox部分列表项文本加粗自定义问题求助

嘿，我明白你想给ChoiceBox里的特定项设置粗体样式，而不是全部，直接用全局CSS肯定达不到效果对吧？别担心，咱们可以通过自定义ListCell来实现这个需求，核心思路就是给ChoiceBox设置自定义的单元格工厂，在渲染每个列表项的时候判断是否需要应用粗体样式。

下面是具体的实现步骤和代码示例：

1. 核心思路 #

ChoiceBox的列表项是由ListCell负责渲染的，我们可以通过setCellFactory()方法自定义每个单元格的渲染逻辑，在updateItem()方法里判断当前项是否是需要加粗的目标项，然后动态设置样式。

2. 代码实现示例 #

假设你已经有了字符串列表，现在想让其中某些特定的项（比如"管理员"、"超级用户"）显示为粗体：

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.ChoiceBox;
import javafx.scene.control.ListCell;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import java.util.ArrayList;

public class BoldChoiceBoxDemo extends Application {

    // 定义需要加粗的项集合
    private final ObservableList<String> boldItems = FXCollections.observableArrayList("管理员", "超级用户");

    @Override
    public void start(Stage stage) {
        ArrayList<String> myArrayOfItems = new ArrayList<>();
        myArrayOfItems.add("普通用户");
        myArrayOfItems.add("管理员");
        myArrayOfItems.add("访客");
        myArrayOfItems.add("超级用户");

        ChoiceBox<String> choiceBox = new ChoiceBox<>();
        choiceBox.setItems(FXCollections.observableArrayList(myArrayOfItems));

        // 设置自定义单元格工厂，处理列表项的渲染
        choiceBox.setCellFactory(listView -> new ListCell<>() {
            @Override
            protected void updateItem(String item, boolean empty) {
                super.updateItem(item, empty);
                // 处理空项
                if (empty || item == null) {
                    setText(null);
                    setStyle("");
                } else {
                    setText(item);
                    // 判断当前项是否需要加粗
                    if (boldItems.contains(item)) {
                        // 直接设置字体加粗，或者用CSS类更灵活
                        setStyle("-fx-font-weight: bold;");
                        // 如果你想用外部CSS文件，也可以这样：
                        // getStyleClass().add("bold-item");
                    } else {
                        // 恢复默认样式
                        setStyle("");
                        // getStyleClass().remove("bold-item");
                    }
                }
            }
        });

        // 别忘了设置按钮单元格（就是ChoiceBox选中后显示的部分），如果需要选中项也显示加粗的话
        choiceBox.setButtonCell(new ListCell<>() {
            @Override
            protected void updateItem(String item, boolean empty) {
                super.updateItem(item, empty);
                if (empty || item == null) {
                    setText(null);
                    setStyle("");
                } else {
                    setText(item);
                    if (boldItems.contains(item)) {
                        setStyle("-fx-font-weight: bold;");
                    } else {
                        setStyle("");
                    }
                }
            }
        });

        VBox root = new VBox(10, choiceBox);
        root.setStyle("-fx-padding: 20;");
        Scene scene = new Scene(root, 300, 200);
        
        // 如果用外部CSS的话，在这里引入：
        // scene.getStylesheets().add(getClass().getResource("styles.css").toExternalForm());
        
        stage.setScene(scene);
        stage.setTitle("ChoiceBox部分项加粗示例");
        stage.show();
    }

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

3. 用外部CSS的方式（更推荐） #

如果你想把样式和代码分离，更便于维护，可以创建一个CSS文件（比如styles.css），定义一个加粗样式类：

.bold-item {
    -fx-font-weight: bold;
}

然后在代码里替换设置样式的部分，改成添加/移除这个样式类：

if (boldItems.contains(item)) {
    getStyleClass().add("bold-item");
} else {
    getStyleClass().remove("bold-item");
}

记得要把CSS文件添加到场景的样式表中，就像代码里注释的那样。

4. 注意事项 #

• 一定要处理empty或者item == null的情况，否则可能会出现渲染异常。
• 如果需要ChoiceBox的按钮部分（选中后显示的文本）也跟着加粗，必须单独设置buttonCell，因为它和下拉列表的单元格是分开的。

这样就能完美实现只有部分列表项显示粗体的需求啦！

内容的提问来源于stack exchange，提问作者Dyde