Início / coding / Perguntas / 79368042
Accepted
SilverCube
Asked: 2025-01-19 06:09:38 +0800 CST

Existe uma maneira de adicionar uma classe de estilo ao pop-up de um ComboBox específico?

  • 772

Quero ter uma classe de estilo especial para um ComboBox que eu possa reutilizar. Por exemplo, quero criar uma classe yellowedque fornecerá um fundo amarelo. Este é meu código:

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);
    }
}

CSS:

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

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

O problema é que o pop-up (do meu ComboBox com yellowedclasse de estilo) que será exibido não terá uma yellowedclasse.

Alguém poderia dizer se existe uma maneira de adicionar uma classe de estilo ao pop-up de um ComboBox específico?

java

1 respostas

  1. Best Answer

    O pop-up é considerado um descendente do ComboBox1. Isso é documentado pelo JavaFX CSS Reference Guide :

    Caixa de combinação

    Classe de estilo: combo-box

    O controle ComboBox tem todas as propriedades e pseudoclasses de ComboBoxBase

    Subestrutura
    • list-cell — uma instância ListCell usada para mostrar a seleção na área de botões de um ComboBox não editável
    • text-input — uma instância TextField usada para mostrar a seleção e permitir a entrada na área de botões de um ComboBox editável
    • combo-box-popup — um PopupControl que é exibido quando o botão é pressionado [ênfase adicionada]
      • list-view — uma ListView
        • list-cell — uma célula de lista

    Então, tudo o que você precisa fazer é:

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

    Tecnicamente, combo-box.yellowed .list-cellé suficiente, mas observe que também terá como alvo o nó usado para exibir a caixa de combinação real (ou seja, a "célula de botão" , que também é um ListCell). E, claro, você pode tornar o seletor mais específico se quiser/precisar.

    Aqui está um exemplo executável:

    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);
  }
}

    Observe que o exemplo, conforme escrito, requer Java 21+ e JavaFX 17+.

    1. Para os curiosos, isso é implementado substituindo PopupControl#getStyleableParent()para retornar o controle.

    • 3

relate perguntas