建站之星模板怎么设置,公路开发公司,辽宁建设工程信息网官网盲盒系统,房地产设计师工作内容嗨#xff0c;这次我将在新版本的JMetro中讨论新的Toggle Switch样式。 拨动开关是一种近年来变得非常流行的控件。 我前一段时间在ControlsFX库中添加了JavaFX实现。 刚刚发布的JMetro版本4.1中提供了此新样式。 什么是拨动开关 在以前的文章中#xff0c;我谈到了切换开… 嗨这次我将在新版本的JMetro中讨论新的Toggle Switch样式。 拨动开关是一种近年来变得非常流行的控件。 我前一段时间在ControlsFX库中添加了JavaFX实现。 刚刚发布的JMetro版本4.1中提供了此新样式。 什么是拨动开关 在以前的文章中我谈到了切换开关控件它是什么以及我已经完成并添加到ControlsFX库中的实现。 简而言之拨动开关就像复选框或切换按钮一样具有两种状态打开和关闭。 它通常没有Check Box可以具有的不确定状态并且在某些实现中当其状态更改时其文本可能会更改以进一步说明其所处的状态。 默认情况下ControlsFX实现的外观符合默认的JavaFX Modena主题。 那时我还在JMetro中添加了Metro风格的样式您可以在下面看到 拨动开关OLD JMetro灯光样式 拨动开关OLD JMetro深色风格 新的拨动开关样式 创建新的JMetro样式时我遇到了一些问题。 首先我在外观实现中遇到了一些错误这些错误是在新添加的MetroToggleSwitchSkin 。 JMetro样式表已更改为引用此新外观 .toggle-switch {-fx-skin: impl.jfxtras.styles.jmetro8.MetroToggleSwitchSkin;
} 这是一个实现细节因此您通常不必真的在乎。 外观位于impl包中以反映它不是公共API。 如果在代码中使用它请注意将来情况可能会发生重大变化。 我遇到的另一个问题是我现在希望切换开关位于左侧而其文本位于右侧。 这与当前实现相反。 为此我添加了一个新CSS属性 -toggle-display 。 与Labeled -fx-content-display属性类似。 -toggle-display具有三个可能的值 left 切换开关显示在左侧附带的文本显示在右侧 right 切换显示在右侧 thumb-only 仅显示切换开关不显示任何文本 默认值为right 它反映了我在Toggle Switch的第一个实现中的外观。 但是默认情况下JMetro会覆盖此参数并将其设置为left, .toggle-switch {-thumb-move-animation-time: 100;-toggle-display: left;
} 另一件事发生了变化您会在上一个代码片段中注意到切换动画的持续时间。 也就是说无论开关点处于关闭状态还是打开状态切换点从左到右移动的时间反之亦然。 如-thumb-move-animation-time CSS属性所指示此时间已从200ms更改为100ms。 事不宜迟以下是Toggle Switch的新的明暗JMetro样式 拨动开关NEW JMetro灯光样式 拨动开关NEW JMetro深色风格 包起来 JavaFX主题JMetro的 4.1版已经发布。 此版本增加了一个新的切换开关样式灵感来自Fluent Design 。 视觉效果已经完全改变包括动画速度。 还添加了一个新皮肤它添加了一个新的-toggle-display CSS属性。 请注意此外观位于impl包中因为它是实现细节。 Java的文档页面JavaFX主题JMetro将很快更新。 和往常一样在Twitter上关注我并订阅此博客。 这是我下一步计划的 带有动画的新按钮样式 新的滑块样式 新的进度栏样式 容易改变颜色的可能性。 翻译自: https://www.javacodegeeks.com/2018/08/fluent-design-style-toggle-switch-javafx.html