Добавление прокладки к кнопке JavaFX с изображением

Question

Почему не удается добавить прокладку влево к изображению внутри кнопки #todo?

.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*/ 
} 

Справочная информация о Backgrounds и Краях

Фоны охватывают весь фон региона, в том числе мягкой области, так что вы не можете поместить фон с помощью отступов. Фоны также намного сложнее, чем стиль css и настраиваются, чем графика (как вы узнали ...). Вы можете получить некоторое приближение к тому, что вы хотите, установив свойство -fx-background-position, а также отрегулировав свое дополнение, чтобы учесть фоновое пространство вашего фонового изображения, чтобы ваше текстовое содержимое кнопки не перезаписывало фон. Но это неудобно и не стоит того, когда это можно сделать гораздо более простым способом, используя графику.

Я помню, как некоторые разработчики говорили о добавлении свойства margin. Если бы такое свойство было добавлено, фон не попадал бы в поле, а был бы инкапсулирован им. Такое свойство не в Java 7, хотя,

Связанные Вопрос

JavaFX - create custom button with image