这次,有所不同。 Microsoft对FXRibbon的更新,就像Java的功能区控件(JavaFX)一样 。 在发出使FXRibbon做好更好的准备以将其更新到Java 9以及更高版本的要求之后,我借此机会还添加了一些功能,进行了一些美学调整,修复了一些尚存的bug,进一步清理了该项目并对其进行了总体完善。
最终结果是1.2版,我将在此博客文章中详细介绍。
FXRibbon 1.2版详细信息
变更清单
以下是此新版本中的更改列表:
- 使FXRibbon做好更好的准备,以更新到Java 9及更高版本。 这包括替换对JavaFX的较新版本不再可用的类的使用。
- 具有CSS变量,可以轻松覆盖这些CSS变量来调整FXRibbon视觉效果。
- 微调美学:功能区内部的组合框外观,调整颜色,字体大小等。
- 创建两个单独的项目,一个带有FXRibbon库(“ FXRibbon”),另一个带有用于文档目的的代码示例(“ FXRibbon-samples”)。 开发人员可以签出FXRibbon-samples项目,以查看FXRibbon使用的简单实用示例。
- 使用JavaFX主题 JMetro使FXRibbon更好地工作。
- RibbonGroup标题应始终相互对齐,这并不总是会发生。 这是固定的。
- 清理代码和Ribbon CSS文件。
有关详细信息,请查看git日志。
通过CSS调整FXRibbon
先前版本中已经定义了一些变量,但是没有给予足够的适当考虑。 在这个新版本中,我清理了变量并添加了一些新变量。
以下是当前定义CSS变量的列表:
-
ACCENT_COLOR
:指定强调色。 例如,一种可能的用法是将您的品牌颜色用作强调色。
默认的配色为蓝色。 下图显示了功能区及其CSS变量的默认值。
您可以在选定的“锁定”按钮,选定的“功能区”标签标题和“保存”按钮上看到强调色的颜色变化,将鼠标置于其上并聚焦。 这只是一个示例,并未显示所有使用强调色的地方。
假设您想将强调色更改为绿色。 例如,绿色值:#10893E。 这是您的操作方法(有关完整示例,请查看示例项目中的ChangeAccentColorSample应用程序):
ribbon.setStyle("ACCENT_COLOR: #10893e");
这是最终结果:
-
RIBBON_BUTTON_HIGHLIGHT_COLOR
:定义在功能区中的按钮中使用的颜色。 默认情况下,此颜色是ACCENT_COLOR
的变体。 -
RIBBON_BUTTON_SELECTED_COLOR
:此变量定义当选择按钮(如上例中的“锁定”按钮)时要使用的颜色。 默认情况下,此颜色也是ACCENT_COLOR
的变体。 -
CONTROLS_LABEL_COLOR
:功能区内部控件上使用的标签颜色。 默认颜色为黑色(值为#4b4b4b)。
目前,这些是可用CSS变量。 先前版本中的H1_COLOR
和BUTTON_SELECTED_COLOR
已被弃用,并将在更高版本中删除。 建议您用新的替换它们。
最后考虑
为了获得最佳结果,我建议开发人员将JavaFX主题 JMetro与FXRibbon一起使用。 当前,FXRibbon的样式设置为与JMetro一起使用时看起来最好。 我认为,JMetro的外观和风格也更加现代。
包起来
在这篇文章中,我谈到了新的FXRibbon 1.2版本。 进行了大量更改,并添加了新CSS变量,以供您微调FXRibbon样式以更好地适合您的品牌。
照常查看FXRibbon文档页面以获取更多信息。
以下是我打算添加的内容:
- 添加FXRibbon深色主题
- FXRibbon Modena外观
- 其他缺少的功能区控件
未来几天,我可能会继续开发JavaFX主题JMetro。
与往常一样,要保持最新状态,请在Twitter上关注我。
翻译自: https://www.javacodegeeks.com/2018/10/fxribbon-version-1-2-released.html