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;

我看到this，但对我来说很模糊。

Answer 1

这两个属性记录在链接文档中，但我更喜欢使用最新版本：JavaFX CSS Reference: Region

这两个属性用于创建Button 的background；它们用作BackgroundFill constructors 的构造函数参数（4 个BackgroundFills 将用作背景，因为0 0 0 0, 0, 1, 2 包含4 组插图）。

-fx-background-insets

这指定了距Button 边界的距离，在该距离应绘制背景。例如。如果您有一个位于x=50, y=150, width=200, height=100 的按钮并使用插图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 表示地块将被绘制为非圆角矩形。