Intenté aplicar estilo a un panel de acordeón y encontré un problema.

Esto no funciona.

accordion.setEffect(new DropShadow(BlurType.ONE_PASS_BOX, Color.BLACK, 8, 0, 2, 0));

Este (style.css) tampoco funcionó.

.accordion{
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

Ahora se ve así ...

introduzca la descripción de la imagen aquí

Pero quiero la sombra como debajo de esta vista de mesa ...

introduzca la descripción de la imagen aquí

Traté de buscar una solución en Internet, ¡pero no encontré nada!

¿Alguien sabe cómo hacer esto? ¡Gracias por tus respuestas!

PD

Estas variantes no funcionan también:

.accordion .pane{
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

.accordion .titled-pane{
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

.accordion .titled-pane .title{
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

.accordion .titled-pane > *.content{
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

.accordion > .titled-pane > .content{
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}
0
Svyatoslav Shilkov 15 dic. 2016 a las 22:36

2 respuestas

La mejor respuesta

Lo envolví en Pane y utilicé "drophadow" en el panel. No encontré otra salida ...

0
Svyatoslav Shilkov 2 ene. 2017 a las 10:11

El acordeón es un diseño, por lo que debe acceder a los componentes de este diseño que desea cambiar (content / titled-pane / title), el más evidente es el {{X3} }. como se mencionó anteriormente en otra pregunta, aquí ​​respuesta de James_D, y haciendo referencia a la construcción de la Accordion en la Documentación.

0
Community 23 may. 2017 a las 12:00