javafx css顏色

在使用FlexCalendarFX時，我不得不定義一組顏色以可視化不同顏色的不同日歷的控件。 每個日歷不僅提供一種顏色，還提供幾種：用于取消選擇/選定/懸停狀態的背景和文本顏色。

顏色曾在多個地方使用過，但為了簡潔起見，我僅關注FlexCalendarFX的日視圖中的可視日歷條目。 下面的兩個屏幕截圖顯示了相同的條目，首先取消選擇，然后選擇。

需要注意的重要一點是，它們并不是完全不同的顏色，但是它們都具有相同的基礎顏色（綠色），但具有不同的飽和度。

下面的代碼顯示了我可以找到的在JavaFX CSS中定義相關顏色的最佳方法。 我在“ .root”下全局定義基色，并使用此常量派生所有其他顏色。

.root {-style1-color: rgb(119, 192, 75, .9); }.style1-entry {-fx-background-color: derive(-style1-color, 50%); }.style1-entry:selected {-fx-background-color: -style1-color; }.style1-entry-time-label, .style1-entry-title-label {-fx-text-fill: derive(-style1-color, -50%); }

請注意，如我以前有關透明色的博客中所述，基本色正在使用透明性 。 此CSS片段中的其他背景顏色均來自基色。 它們要么更亮（派生函數中的正百分比值），要么更暗（負百分比值）。

通過使用這種方法來定義顏色，您可以為您的應用程序獲得一致且平滑的外觀，并且看起來不會像孩子的圖畫書。

翻譯自: https://www.javacodegeeks.com/2014/07/javafx-tip-7-use-css-color-constants-derive-colors.html

javafx css顏色

總結

以上是生活随笔為你收集整理的javafx css颜色_JavaFX技巧7：使用CSS颜色常量/派生颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。