用于 Java、Java FX 的流畅设计风格进度条

主要观点:

  • 刚发布的 Java、JavaFX 主题 JMetro 版本 4.6 为进度条带来新样式,进度条有确定和不确定两种状态,新版本对此有不同样式。
  • 介绍了 JMetro 的 API 设计原则,包括需最小设置和 API,尽量不引入新控件,可通过 CSS 配置大部分控件新外观等。
  • 展示了旧版和新版进度条的外观,新版受 Fluent Design 启发,两种状态有不同外观,不确定状态的每个“点”是可样式化的 Region。
  • 给出了自定义 CSS 样式的示例,展示了不同“点”颜色渐变的效果。

关键信息:

  • 新版本只需两行代码即可应用 JMetro 主题:JMetro jMetro = newJMetro(Style.LIGHT); jMetro.applyTheme(root);
  • 进度条确定状态为显示已完成的进度,不确定状态显示正在进行计算。
  • 新版进度条 CSS 样式与原 JavaFX Modena CSS 相似,不确定状态的“点”可通过特定 CSS 类样式化。

重要细节:

  • 动画在 GIF 中可能不如在实际版本中流畅,后续可能会发布视频展示。
  • ACCENT_COLOR是 JMetro 中定义的 JavaFX CSS 变量,用于指定主题的强调色,derive(..)是用于调整颜色的辅助函数。
  • 可在JavaFX 主题 JMetro 页面查看更新的文档,JMetro 即将达到 5.0 版本,后续计划清理和调整样式等。
阅读 4
0 条评论