java - 使用图像向 JavaFX 按钮添加填充

Question

为什么不能向 #todo 按钮内的图像添加填充 left ？

.button {           
    -fx-background-size: 18 18;
    -fx-background-repeat: no-repeat;       
    -fx-background-position:left;   
    -fx-padding:20;
    /* same as -fx-label-padding:20; */
}

#todo {
    -fx-background-image: url("../images/Knob Add.png");
}

Answer 1

不要使用背景为按钮添加图像，而是在按钮上设置图形。

#todo .button {           
    -fx-padding: 20px;
    -fx-graphic: url("http://icons.iconarchive.com/icons/martz90/circle-addon1/16/text-plus-icon.png"); 
     /* Icon License: CC Attribution-Noncommercial-No Derivate 3.0 http://www.iconarchive.com/show/circle-addon1-icons-by-martz90/text-plus-icon.html*/
}

关于背景和边距的背景信息

背景覆盖区域的整个背景，包括填充区域，因此您不能使用填充定位背景。背景也比使用 css 和配置的样式要复杂得多，而不是图形(正如您发现的......)。您可以通过设置 -fx-background-position 属性并调整填充以允许背景图像的背景区域来获得您想要的一些近似值，以便您的按钮文本内容不会覆盖背景。但是，当可以使用图形以更直接的方式完成时，这是繁琐且不值得的。

我记得开发人员之间关于添加边距属性的一些对话。如果添加这样的属性，背景将不会溢出到边距中，而是被它封装起来。虽然这样的属性不在 Java 7 中，

相关问题

JavaFX - create custom button with image