主页 / coding / 问题 / 79368042
Accepted
SilverCube
Asked: 2025-01-19 06:09:38 +0800 CST

有没有办法向特定 ComboBox 的弹出窗口添加样式类？

  • 772

我想要一个可以重复使用的 ComboBox 特殊样式类。例如，我想要创建一个yellowed提供黄色背景的类。这是我的代码：

Java：

public class NewMain extends Application {

    @Override
    public void start(Stage primaryStage) {
        ComboBox<String> comboBox = new ComboBox<>();
        comboBox.getItems().addAll("Option 1", "Option 2", "Option 3");
        comboBox.getStyleClass().add("yellowed");

        VBox vbox = new VBox(comboBox);
        Scene scene = new Scene(vbox, 400, 300);
        scene.getStylesheets().add(NewMain.class.getResource("test.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

样式表：

.combo-box.yellowed {
    -fx-background-color: yellow;
}

.combo-box-popup.yellowed > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell {
    -fx-background-color: yellow;
}

问题是yellowed将显示的弹出窗口（具有样式类的 ComboBox 的弹出窗口）没有类yellowed。

有人能说一下是否有办法向特定 ComboBox 的弹出窗口添加样式类吗？

java

1 个回答

  1. Best Answer

    ComboBox弹出窗口被视为1的后代。JavaFX CSS 参考指南对此进行了记录：

    组合框

    样式类别：组合框

    ComboBox 控件具有ComboBoxBase的所有属性和伪类

    子结构
    • list-cell — 用于显示不可编辑 ComboBox 按钮区域中选择的 ListCell 实例
    • text-input — 用于显示选择并允许在可编辑 ComboBox 的按钮区域中输入的 TextField 实例
    • combo-box-popup — 按下按钮时显示的 PopupControl [强调添加]
      • 列表视图 — ListView
        • list-cell — ListCell 列表单元格

    因此，您需要做的就是：

    .combo-box.yellowed .combo-box-popup .list-cell {
  -fx-background-color: yellow;
}

    从技术上讲，combo-box.yellowed .list-cell就足够了，但请注意 还将针对用于显示实际组合框的节点（即“按钮单元”，它也是一个ListCell）。当然，如果您想要/需要，可以使选择器更具体。

    这是一个可运行的示例：

    import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.ComboBox;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class Main extends Application {

  // Text blocks require Java 15+
  private static final String STYLESHEET =
      """
      .combo-box.yellow,
      .combo-box.yellow .combo-box-popup .list-cell {
        -fx-background-color: yellow;
      }

      .combo-box.red,
      .combo-box.red .combo-box-popup .list-cell {
        -fx-background-color: red;
      }
      """;

  @Override
  public void start(Stage primaryStage) {
    var box1 = createComboBox();
    box1.getStyleClass().add("yellow");

    var box2 = createComboBox();
    box2.getStyleClass().add("red");

    var root = new HBox(10, box1, box2);
    root.setAlignment(Pos.CENTER);

    var scene = new Scene(root, 500, 300);
    // Adding stylesheet via data URI requires JavaFX 17+
    scene.getStylesheets().add("data:text/css," + STYLESHEET);

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

  private ComboBox<String> createComboBox() {
    var box = new ComboBox<String>();
    for (int i = 1; i <= 5; i++) {
      box.getItems().add("Option #" + i);
    }
    // The 'getFirst' method requires Java 21+
    box.setValue(box.getItems().getFirst());
    return box;
  }

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

    请注意，该示例需要 Java 21+ 和 JavaFX 17+。

    1. 对于那些好奇的人来说，这是通过重写来返回控制权来实现的。PopupControl#getStyleableParent()

    • 3

相关问题