javafx css颜色_JavaFX技巧7：使用CSS颜色常量/派生颜色

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颜色常量/派生颜色相关推荐

JavaFX技巧7：使用CSS颜色常量/派生颜色
在使用FlexCalendarFX时,我不得不定义一组颜色以可视化不同颜色的不同日历的控件. 每个日历不仅提供一种颜色,还提供几种:用于取消选择/选定/悬停状态的背景和文本颜色. 颜色曾在多个地方使用 ...
javafx中css选择器_JavaFX技巧12：在CSS中定义图标
javafx中css选择器当您是像我这样来自Swing的UI开发人员时,您很有可能仍在代码中直接设置图像/图标. 最可能是这样的: import javafx.scene.control.Label ...
javafx透明边框_JavaFX技巧6：使用透明颜色
javafx透明边框为用户界面元素选择正确的颜色始终是一个很大的挑战,但是当您开发可重用的框架控件时,开发人员就无法控制使用它们的应用程序的外观和感觉,这甚至更具挑战性. 尽管您可能总是将元素添加到 ...
javafx 剪切板_JavaFX技巧18：路径剪切
javafx 剪切板我最近注意到,我致力于ControlsFX项目的PopOver控件无法正确剪切其内容. 当我为FlexCalendarFX框架开发手风琴弹出窗口时,这一点变得显而易见. 每当最后 ...
javafx 调用接口_JavaFX技巧3：使用回调接口
javafx 调用接口作为UI框架开发人员,提供自定义控件外观和行为的方法是我工作的一部分. 在许多情况下,这是通过允许框架用户在控件上注册工厂来完成的. 过去,我会为此创建一个工厂接口,并在框架内 ...
Linux字体大小颜色,Linux技巧：自定义Gnome面板字体和颜色
早些时候.我们讲了如何使Gnome面板完全透明化[可查看文章http://www.linuxidc.com/Linux/2011-02/32461.htm],但是你可能仍然需早些时候.我们讲了如何使 ...
css揭秘实战技巧 - 形状 [二]
全目录本系列文章,主要是围绕css3属性,实现我们常见的各种效果,这些效果都是我们实战开发中经常可以用到的效果: css揭秘实战技巧- 背景与边框 [一] css揭秘实战技巧- 形状 [二] css ...
css揭秘实战技巧- 背景与边框 [一]
前言这段时间,一直觉得css这块感觉每次写代码都是常用的那些基本属性,觉得始终没有对css有一个更深层次的掌握,所以,最近开始学习css相关进阶知识,首先第一关就是攻克 "css揭秘&qu ...
css img重复_20 个 CSS 快速提升技巧
code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群转载自:http://www.javanx.cn/20190321/css-skill/本文涵盖了20个css技巧,可以 ...

javafx css颜色_JavaFX技巧7：使用CSS颜色常量/派生颜色

javafx css颜色_JavaFX技巧7：使用CSS颜色常量/派生颜色相关推荐

最新文章

热门文章