2016-05-27 5 views
1

Я как бы новичок в CSS и задавался вопросом, может ли кто-нибудь ответить на мои вопросы.JavaFX и CSS Styling

В большинстве образцов CSS кода я вижу разделы как это:

.listview{ 
    ... 
    -fx-background-color: -fx-box-border, -fx-control-inner-background ; 
    ... 
} 

Так что мой вопрос, где сделайте -fx-бокс-граница, -fx-контроль-внутрипартийной фоновые значения берутся? Они кажутся родственниками, определенными где-то, но где и каковы их ценности?

Заранее спасибо.

+0

Также вы можете скачать и изучить Модена здесь: http://escrow.aliexpress.com //pastebin.com/vNE3BpRf – GOXR3PLUS

ответ

1

Значения, такие как -fx-background-color, являются «искаженными цветами», определенными в default JavaFX (8) stylesheet, modena.css.

Вы можете узнать их значения (и многое другое), просмотрев таблицу стилей по умолчанию, которая поставляется с вашей Java Runtime Environment (JRE).

jar xvf $JAVA_HOME/jre/lib/ext/jfxrt.jar com/sun/javafx/scene/control/skin/modena/modena.css 
cat com/sun/javafx/scene/control/skin/modena/modena.css 

(Отрегулируйте приведенную выше команду для установленного места JRE, если JAVA_HOME не установлен в вашей среде).

Определение «посмотрел-вверх-цвет», копируется из справочника JavaFX CSS :

С смотрели вверх цветов вы можете обратиться к любой другой цвет собственности, который установлен на текущем узле или любого из его родителей. Это очень мощная функция, так как она позволяет указать общую палитру цветов на сцене, а затем использовать ее вне приложения. Если вы хотите изменить один из этих цветов палитры, вы можете сделать это на любом уровне в дереве сцен, и это повлияет на этот узел и все его деления. Выбранные цвета не просматриваются до тех пор, пока они не будут применены, поэтому они будут жить и реагировать на любые изменения стиля, которые могут возникнуть, например, заменить цвет палитры во время выполнения с помощью свойства «style» на узле.

В следующем примере весь цвет фона всех кнопок использует искомый цвет «abc».

.root { abc: #f00 } 
.button { -fx-background-color: abc }