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 / 78340790
Accepted
Pavel_K
Pavel_K
Asked: 2024-04-17 20:00:12 +0800 CST2024-04-17 20:00:12 +0800 CST 2024-04-17 20:00:12 +0800 CST

Como definir a cor de fundo para a linha da tabela selecionada, mas não em foco, usando CSS?

  • 772

Este é o meu código:

public class JavaFxTest7 extends Application {

    private static class Student {

        private int id;

        private int mark;

        public Student(int id, int mark) {
            this.id = id;
            this.mark = mark;
        }

        public int getId() {
            return id;
        }

        public int getMark() {
            return mark;
        }
    }

    private TableView<Student> table = new TableView<>(FXCollections.observableList(
            List.of(new Student(1, 3), new Student(2, 4), new Student(3, 5))));

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

    @Override
    public void start(Stage primaryStage) {
        var idColumn = new TableColumn<Student, Integer>();
        idColumn.setCellValueFactory((data) ->  new ReadOnlyObjectWrapper<>(data.getValue().getId()));
        var markColumn = new TableColumn<Student, Integer>();
        markColumn.setCellValueFactory((data) ->  new ReadOnlyObjectWrapper<>(data.getValue().getMark()));
        table.getColumns().addAll(idColumn, markColumn);

        VBox root = new VBox(new TextField(), table);
        var scene = new Scene(root, 400, 300);
        var css= this.getClass().getResource("test7.css").toExternalForm();

        scene.getStylesheets().addAll(css);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

E preciso definir o amarelo como cor de fundo para a linha da tabela selecionada, mas não em foco. E verde como cor de fundo para a linha da tabela em foco. Tentei :

.table-row-cell:selected:focused {
    -fx-background-color: green;
    -fx-background-insets: 0;
}

.table-row-cell:selected {
    -fx-background-color: yellow;
    -fx-background-insets: 0;
}

mas deu este resultado:

insira a descrição da imagem aqui

e este código:

.table-row-cell:focused {
    -fx-background-color: green;
    -fx-background-insets: 0;
}

.table-row-cell:selected {
    -fx-background-color: yellow;
    -fx-background-insets: 0;
}

deu este resultado:

insira a descrição da imagem aqui

Alguém poderia dizer como fazer isso?

java
  • 1 1 respostas
  • 37 Views

1 respostas

  • Voted
  1. Best Answer
    James_D
    2024-04-17T21:12:29+08:002024-04-17T21:12:29+08:00

    As regras CSS para linhas e células selecionadas da tabela são bastante complicadas. Na folha de estilo padrão eles são definidos da seguinte forma:

    /* Selected rows */
    .table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:selected,
    .table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell .table-cell:selected {
        -fx-background: -fx-selection-bar;
        -fx-table-cell-border-color: derive(-fx-selection-bar, 20%);
    }
    
    /* Selected when control is not focused */
    .table-row-cell:filled:selected,
    .table-row-cell:filled > .table-cell:selected {
        -fx-background: -fx-selection-bar-non-focused;
        -fx-table-cell-border-color: derive(-fx-selection-bar-non-focused, 20%);
    }
    
    /* focused cell (keyboard navigation) */
    .table-view:focused:row-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell:focused,
    .table-view:focused:cell-selection > .virtual-flow > .clipped-container > .sheet > .table-row-cell > .table-cell:focused {
        -fx-background-color: -fx-background, -fx-cell-focus-inner-border, -fx-background;
        -fx-background-insets: 0, 1, 2;
    }
    
    /***** ROW CELLS **************************************************************/
    /* Each row in the table is a table-row-cell. Inside a table-row-cell is any
       number of table-cell. */
    .table-row-cell {
        -fx-background: -fx-control-inner-background;
        -fx-background-color: -fx-table-cell-border-color, -fx-background;
        -fx-background-insets: 0, 0 0 1 0;
        -fx-padding: 0;
        -fx-text-fill: -fx-text-background-color;
    }
    .table-row-cell:odd {
        -fx-background: -fx-control-inner-background-alt;
    }
    
    /***** INDIVIDUAL CELLS ********************************************************/
    .table-cell {
        -fx-padding: 0.166667em; /* 2px, plus border adds 1px */
        -fx-background-color: null;
        -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
        -fx-cell-size: 2.0em; /* 24 */
        -fx-text-fill: -fx-text-background-color;
    }
    .table-view > .virtual-flow > .clipped-container > .sheet > .table-row-cell .table-cell:selected {
        -fx-background-color: -fx-table-cell-border-color, -fx-background;
        -fx-background-insets: 0, 0 0 1 0;
    }
    

    Em poucas palavras, fx-background-colorfor rows é definido como uma cor pesquisada chamada -fx-background(com uma borda que é implementada por um plano de fundo aninhado). O -fx-background-colorpara as células individuais não selecionadas em uma linha é enviado para null, (transparente) para que você veja o plano de fundo da linha, e para as células individuais selecionadas é definido como -fx-background.

    Quando a linha é selecionada e focada, a cor pesquisada -fx-backgroundé definida para ambas as linhas e células individuais para outra cor pesquisada chamada -fx-selection-bar, e quando a linha é selecionada, mas não focada, -fx-backgroundé definida, novamente para linhas e células, para -fx-selection-bar-non-focused.

    Não consigo explicar o comportamento exato que você observa, mas a maneira mais simples de conseguir o que deseja é definir as cores pesquisadas usadas para seleção:

    .table-view {
        -fx-selection-bar: green;
        -fx-selection-bar-non-focused: yellow;
    }
    
    • 3

relate perguntas

  • Lock Condition.notify está lançando java.lang.IllegalMonitorStateException

  • Resposta de microsserviço Muitos para Um não aparece no carteiro

  • Validação personalizada do SpringBoot Bean

  • Os soquetes Java são FIFO?

  • Por que não é possível / desencorajado definir um lado do servidor de tempo limite de solicitação?

Sidebar

Stats

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

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

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 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

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 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
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +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
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +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