AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79593259
Accepted
user1536873
user1536873
Asked: 2025-04-26 04:21:17 +0800 CST2025-04-26 04:21:17 +0800 CST 2025-04-26 04:21:17 +0800 CST

Propriedade CSS personalizada JavaFX com vários valores

  • 772

Estou tentando criar uma propriedade de estilo CSS personalizada para meu componente, com vários valores de cor, como -fx-background-color. Mas estou travado, pois, apesar de definir minha propriedade CSS de forma semelhante à propriedade -fx-background-color, apenas o primeiro valor de cor é analisado da declaração CSS. Esta é a declaração CSS:

.default-chart-theme {
   -jfc-default-paint-sequence: red,white,green,blue,yellow,orange,gray;
}

E esta é a declaração CssMetadata na classe java:

public final CssMetaData<StyleableChartViewer, Paint[]> DEFAULT_PAINT_SEQUENCE = new CssMetaData<>("-jfc-default-paint-sequence", PaintConverter.SequenceConverter.getInstance(), new Paint[] { Color.RED } )
    {
        @Override
        public boolean isSettable(StyleableChartViewer styleable)
        {
            return !cssDefaultPaintSequence.isBound();
        }

        @Override
        public StyleableProperty<Paint[]> getStyleableProperty(StyleableChartViewer styleable)
        {
            return cssDefaultPaintSequence;
        }
    };

    public final SimpleStyleableObjectProperty<Paint[]> cssDefaultPaintSequence =
            new SimpleStyleableObjectProperty<>(DEFAULT_PAINT_SEQUENCE, this, "cssDefaultPaintSequence", new Paint[] { Color.RED } );

no getCssMetaData eu também retorno essa propriedade e ela também é analisada, mas em vez de uma sequência de pintura, ela é analisada apenas como um único valor de cor.

Também recebo um aviso ao processar a propriedade css:

WARNING: Caught 'java.lang.ClassCastException: class javafx.scene.paint.Color cannot be cast to class [Ljavafx.css.ParsedValue; (javafx.scene.paint.Color and [Ljavafx.css.ParsedValue; are in unnamed module of loader 'app')' while converting value for '-jfc-default-paint-sequence' from rule '*.default-chart-theme' in stylesheet

Qualquer conselho sobre como criar uma propriedade CSS é bem-vindo. Tentei pesquisar no Google e também usar o Perplexity para obter informações sobre esse problema, mas não encontrei nada útil para resolvê-lo.

Obrigado!

css
  • 1 1 respostas
  • 48 Views

1 respostas

  • Voted
  1. Best Answer
    Slaw
    2025-04-26T10:41:32+08:002025-04-26T10:41:32+08:00

    Solução Parcial

    Uma solução é criar sua própria StyleConverterimplementação e citar a lista de cores no CSS. Ao citar a lista de cores, o conversor receberá o valor como uma única string, que poderá ser processada da maneira que você desejar. Infelizmente, uma desvantagem significativa dessa abordagem é que as variáveis ​​(ou seja, as cores pesquisadas) não serão resolvidas e não há como resolvê-las dentro de um conversor de estilo.

    Pode haver uma abordagem melhor. Se houver, espero que outra pessoa publique uma resposta.

    Exemplo

    Este exemplo só é capaz de analisar Color, não qualquer Paint. É por isso que esta é apenas uma "solução parcial", embora deva ser possível modificá-la para analisar gradientes e padrões de imagem de forma semelhante ao seu funcionamento nativo (o que não é necessariamente uma modificação trivial). Em outras palavras, deve ser possível tornar essa abordagem tão flexível quanto propriedades como -fx-background-color, embora sem que nenhuma variável seja resolvida.

    Main.java

    package com.example;
    
    import java.util.Arrays;
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.stage.Stage;
    
    public class Main extends Application {
    
      private static final String STYLESHEET =
          """
          .colors-region {
            -fx-colors: 'red,blue,green';
          }
          """;
    
      @Override
      public void start(Stage primaryStage) {
        var region = new ColorsRegion();
        region.colorsProperty().subscribe(val -> System.out.println(Arrays.toString(val)));
    
        var scene = new Scene(region, 500, 300);
        scene.getStylesheets().add("data:text/css," + STYLESHEET);
    
        primaryStage.setScene(scene);
        primaryStage.show();
      }
    }
    

    ColorSequenceConverter.java

    package com.example;
    
    import java.util.stream.Stream;
    import javafx.css.ParsedValue;
    import javafx.css.StyleConverter;
    import javafx.scene.paint.Color;
    import javafx.scene.text.Font;
    
    public class ColorSequenceConverter extends StyleConverter<String, Color[]> {
    
      @Override
      public Color[] convert(ParsedValue<String, Color[]> value, Font font) {
        var string = value.getValue();
        return Stream.of(string.split(",")).map(Color::web).toArray(Color[]::new);
      }
    }
    

    ColorsRegion.java

    package com.example;
    
    import java.util.ArrayList;
    import java.util.Collections;
    import java.util.List;
    import javafx.beans.property.ObjectProperty;
    import javafx.css.CssMetaData;
    import javafx.css.SimpleStyleableObjectProperty;
    import javafx.css.StyleableObjectProperty;
    import javafx.css.StyleableProperty;
    import javafx.geometry.HPos;
    import javafx.geometry.VPos;
    import javafx.scene.layout.Background;
    import javafx.scene.layout.Region;
    import javafx.scene.paint.Color;
    
    public class ColorsRegion extends Region {
    
      public ColorsRegion() {
        getStyleClass().add("colors-region");
      }
    
      @Override
      protected void layoutChildren() {
        if (getChildren().isEmpty()) return;
    
        double x = getInsets().getLeft();
        double y = getInsets().getTop();
        double w = getWidth() - getInsets().getRight() - x;
        double h = getHeight() - getInsets().getBottom() - y;
    
        double ry = y;
        double rh = h / getChildren().size();
    
        for (var child : getChildren()) {
          layoutInArea(child, x, ry, w, rh, -1, HPos.CENTER, VPos.CENTER);
          ry += rh;
        }
      }
    
      private void updateRegions() {
        getChildren().clear();
    
        var colors = getColors();
        if (colors != null) {
          for (var color : colors) {
            var region = new Region();
            region.setBackground(Background.fill(color));
            getChildren().add(region);
          }
        }
      }
    
      /* **************************************************************************
       *                                                                          *
       * Properties                                                               *
       *                                                                          *
       ****************************************************************************/
    
      // -- colors property
    
      private final StyleableObjectProperty<Color[]> colors =
          new SimpleStyleableObjectProperty<>(Css.COLORS, this, "colors") {
            @Override
            protected void invalidated() {
              updateRegions();
            }
          };
    
      public final void setColors(Color[] colors) {
        this.colors.set(colors);
      }
    
      public final Color[] getColors() {
        return colors.get();
      }
    
      public final ObjectProperty<Color[]> colorsProperty() {
        return colors;
      }
    
      /* **************************************************************************
       *                                                                          *
       * CSS Handling                                                             *
       *                                                                          *
       ****************************************************************************/
    
      public static List<CssMetaData<?, ?>> getClassCssMetaData() {
        return Css.META_DATA;
      }
    
      @Override
      public List<CssMetaData<?, ?>> getCssMetaData() {
        return getClassCssMetaData();
      }
    
      private static class Css {
    
        private static final CssMetaData<ColorsRegion, Color[]> COLORS =
            new CssMetaData<>("-fx-colors", new ColorSequenceConverter()) {
    
              @Override
              public boolean isSettable(ColorsRegion styleable) {
                return !styleable.colors.isBound();
              }
    
              @Override
              public StyleableProperty<Color[]> getStyleableProperty(ColorsRegion styleable) {
                return styleable.colors;
              }
            };
    
        private static final List<CssMetaData<?, ?>> META_DATA;
    
        static {
          var regionMetadata = Region.getClassCssMetaData();
          var metadata = new ArrayList<CssMetaData<?, ?>>(regionMetadata.size() + 1);
          metadata.addAll(Region.getClassCssMetaData());
          metadata.add(COLORS);
          META_DATA = Collections.unmodifiableList(metadata);
        }
      }
    }
    

    Por que sua tentativa falhou

    A StyleConverteré responsável por pegar a ParsedValuee convertê-lo para o tipo usado pela propriedade JavaFX. Mas a ParsedValuerepresenta o valor como já foi analisado pelo analisador CSS. Em outras palavras, o valor já foi analisado em um objeto intermediário. Além disso, a ParsedValuepode ter seu próprio StyleConverterconversor associado a ele. Esse conversor, se não me engano, sempre tem precedência sobre aquele associado ao . de uma propriedade estilizável CssMetaData.

    Não é possível personalizar em qual objeto intermediário o valor é analisado e qual conversor, se houver, está associado ao valor analisado. O comportamento é codificado no parser . Examinando o código vinculado, você pode ver o que está dando errado na sua tentativa.

    • Sua propriedade CSS, -jfc-default-paint-sequence, não é uma das propriedades especialmente tratadas.

    • O valor da sua propriedade não é um número, duração, hash, função ou URL. Também não é uma constante conhecida ou uma variável previamente estabelecida. Isso significa que o valor é tratado como uma simples string/cor possível. No entanto, apenas o primeiro "termo" é considerado neste caso . No seu exemplo, o primeiro "termo" é red. Todos os outros "termos" (as outras cores) são ignorados.

    • O primeiro "termo" do valor do seu exemplo é red, que pode ser analisado em a Color(especificamente; não em qualquer Painttipo). Portanto, o valor é analisado em a Colore retornado encapsulado em um único ParsedValue<Color, Color> . Isso ParsedValuenão tem StyleConverter.

    • O PaintConverter.SequenceConverterespera um ParsedValue<ParsedValue<?, Paint>[], Paint[]>. Então, a ClassCastExceptionocorre ao tentar obter o valor de ParsedValueporque ele espera um , ParsedValue<?, Paint>[]mas em vez disso obtém um Color.

    Como esse comportamento é fixo no código, infelizmente você não pode alterá-lo. Nesse caso, não faria muita diferença se o analisador manipulasse matrizes de tintas, mas isso não acontece (curiosamente, o analisador manipula matrizes de números para tamanhos).

    Agora, se o valor não puder ser analisado em a Color, você obterá a ParsedValue<String, String>sem StyleConverter. É disso que a "solução parcial" acima se aproveita. Ao colocar o valor entre aspas, o analisador CSS trata tudo como um único "termo". Esse "termo" não pode ser analisado em uma cor. Isso faz com que os metadados CSS StyleConvertertenham basicamente controle total sobre como o valor é analisado.

    • 2

relate perguntas

  • Prettier/VS Code adicionando um espaço antes de !important no CSS, causando quebra no WordPress

  • Como enviar parâmetros dinâmicos do arquivo react tsx para css

  • Grade CSS: agrupar e ajustar ao conteúdo

  • É possível alinhar gradientes entre elementos?

  • Bordas arredondadas com Box Shadow - Tailwind CSS

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Reformatar números, inserindo separadores em posições fixas

    • 6 respostas
  • Marko Smith

    Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não?

    • 2 respostas
  • Marko Smith

    Problema com extensão desinstalada automaticamente do VScode (tema Material)

    • 2 respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Martin Hope
    Fantastic Mr Fox Somente o tipo copiável não é aceito na implementação std::vector do MSVC 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant Encontre o próximo dia da semana usando o cronógrafo 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor O inicializador de membro do construtor pode incluir a inicialização de outro membro? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul O C++20 mudou para permitir a conversão de `type(&)[N]` de matriz de limites conhecidos para `type(&)[]` de matriz de limites desconhecidos? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann Como/por que {2,3,10} e {x,3,10} com x=2 são ordenados de forma diferente? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve