Customizando o PainelFX

Com o lançamento da versão 0.7.0 do Novo SGA, a estrutura dos componentes visuais do PainelFX foi melhorada afim de permitir uma melhor integração com estilos CSS.

Customizando a cor das senhas com prioridade

Aplicando estilo individual a cada campo:

#mensagem.prioridade {
    -fx-text-fill: #E9504A !important;
}

#senha.prioridade {
    -fx-text-fill: #C43C35 !important;
}

#historico .historico-box.prioridade .historico-guiche {
    -fx-text-fill: #C43C35 !important;
}

#historico .historico-box.prioridade .historico-senha {
    -fx-text-fill: #C43C35 !important;
}

Aplicando o estilo de maneira reduzida (mesma cor para todos os textos):

.label.prioridade,
.historico-box.prioridade .label {
    -fx-text-fill: #C43C35 !important;
}

Alterando a cor de fundo quando prioridade:

#root.prioridade {
    -fx-background-color: #f1f1f1 !important;
}

Transformações e efeitos

Além de efeitos de sombras, o JavaFX também suporta rotação, transparência, gradientes, etc.

Quer prender o monitor de cabeça para baixo mas sua placa de vídeo não tem suporte à rotação? Faça isso via CSS:

#root {
    -fx-rotate: 180;
}

IMPORTANTE

Caso o painel apresente lentidão ao exibir o filme, isso pode ser causado pelo uso de excessivo efeitos. Um teste rápido é retirar os efeitos CSS (-fx-effect) e verificar se houve melhoria.

Mais sobre JavaFX e CSS

Referência para CSS do JavaFX 2: http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *