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

这2个属性用于创建Button的{{3}};它们被用作background的构造函数参数（4 BackgroundFill s将用于后台，因为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表示将bachground绘制为非圆角矩形。

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

1 个答案:

`-fx-background-insets`

`-fx-background-radius`