css - 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

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

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

-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，宽度=200-20-40=140，高度=100-10-30=60。

-fx-background-radius

背景绘制为圆 Angular 矩形。这是拐 Angular 的半径。在这种情况下，0 表示背景将绘制为非圆 Angular 矩形。