JavaFX中的-fx-background-radius和-fx-background-insets

Question

我正在使用JavaFX，并且想自定义按钮。我看到了可以样式化的几个特征。在他们当中，我发现了两个我不认识的人。

.button {
    -fx-padding: 5 22 5 22;   
    -fx-border-color: #121212;
    -fx-border-width: 2;
    -fx-border-radius: 5;
    -fx-background-radius: 0;
    -fx-background-color: #555555;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 11pt;
    -fx-text-fill: #d8d8d8;
    -fx-background-insets: 0 0 0 0, 0, 1, 2;
}

这两个属性是什么：

-fx-background-insets: 0 0 0 0, 0, 1, 2; 

和

 -fx-background-radius: 0;

我看到了，但这对我来说是非常模糊的。

Answer 1

这两个属性记录在链接的文档中，但我更喜欢使用最新版本：JavaFX CSS参考：地区

这2个属性用于创建background的Button；它们被用作构造函数的BackgroundFill构造函数参数（BackgroundFill由于0 0 0 0, 0, 1, 2包含4个inset ，因此将使用4 s作为背景）。

-fx-background-insets

这指定了从Button绘制背景的边界到的距离。例如，如果您的按钮位于x=50, y=150, width=200, height=100并使用insets，10 20 30 40则用于背景的区域为x=50+40=90, y=150+10=160, width=200-20-40=140, height=100-10-30=60。

-fx-background-radius

背景绘制为圆角矩形。这是拐角的半径。在这种情况下，0该bachground将被绘制为非圆形矩形。