如何在javafx中使用css设置径向渐变

Question

我有一个标签.尝试在我的CSS中为这个标签设置径向渐变.我怎么能这样做？如果我设置-fx-background-color:径向渐变(中心50%50%,半径50%,rgb(104,163,193)0%,rgb(23,56,99)100%); - 我收到错误"参数不匹配"感谢您的帮助!

Answer 1

设置形状的渐变

这是我从很久以前写过的小时钟小部件中提取的一个例子:

-fx-fill: radial-gradient(radius 180%, burlywood, derive(burlywood, -30%), derive(burlywood, 30%));

渐变显示为钟表中心下方钟面上的圆形阴影.

设置标签的渐变

在使用标签时,-fx-text-fill用于对标签文本进行着色的相应css属性将用于前景文本和-fx-background-color文本背景.

这是一个带有-fx-text-fill和-fx-background-color样式应用于标签的示例.用于背景的径向渐变是用于钟面的径向渐变.

Label label = new Label("xyzzy");
label.setStyle("-fx-background-color: radial-gradient(radius 180%, burlywood, derive(burlywood, -30%), derive(burlywood, 30%)); -fx-text-fill: white;");

用于渐变的实际参数取决于您的应用

当然,径向渐变的配置将根据您想要绘制的渐变而变化.JavaFX 8 CSS参考指南中包含语法的文档,用于通过css分配径向渐变的表达式的构造.