JMetro的Java,JavaFX主题版本刚刚提高到4.2版。 此版本为Slider控件带来了新样式。 除此之外,您现在还可以看到一个弹出窗口,向您显示滑块的当前值。
新滑块样式
以下是旧的JMetro Slider样式:
对于这个主题,我必须创建一个新皮肤。 这是因为您无法设置从“滑块”轨道的起点到拇指所在点的填充的样式。 在JMetro 4.2版中,我进一步增强了此外观以添加新功能。 接下来,我将讨论此功能。
首先,我想展示新的Slider样式:
如您所见,滑块的颜色和整体样式已更改。 您还会注意到我提到的新功能。 每当用户与滑块互动以更改其值时,就会出现一个弹出窗口,以准确显示滑块具有的值。 每当您需要显示允许更精确调整的界面时,此功能就很有用。 通过显示一个弹出窗口,用户在操作时将确切知道当前的Slider值。
该功能默认情况下处于启用状态,但可以通过-show-value-on-interaction
属性关闭。 以下代码片段显示了默认情况下如何在JMetro中对其进行配置:
.slider {
-show-value-on-interaction: true;
}
要关闭此功能,您需要做的就是在调用JMetro
类的applyTheme(...)
之后添加一个样式表,其定义如下:
.slider {
-show-value-on-interaction: false;
}
或者,您可以针对具体情况通过定位特定的Slider并将其-show-value-on-interaction
属性设置为false
。
包起来
版本4.2刚刚发布。 此版本为Slider控件带来了新样式,并增强了以前的Slider外观。 它添加了一项新功能,该功能允许通过弹出窗口显示当前已修改的Slider值。
如果需要有关新Skin的更多背景信息,可以查看以前的JMetro风格Slider帖子 。
我计划创建一个新的库,该库将具有新的增强外观,例如此外观和其他常规增强功能。 我的理解是这些增强功能不仅对JMetro有价值。 因此,我将它们提供给其他人以在不同的上下文中使用。 然后,JMetro将依赖这个新库。
我不喜欢Slider拇指的圆角。 我不知何故觉得它们有点太圆了。 因此,我可能会在另一个JMetro版本中提出一种替代样式,并允许您在两者之间进行选择。
与往常一样,您可以查看JMetro Java,JavaFX主题页面,以获取有关JMetro的详细信息。 我将在未来几天内尝试对其进行更新。
在下一个更新中,我计划为Button控件创建一种新样式,并在单击时添加一个动画。
请继续关注,在Twitter上关注我并订阅此博客。
翻译自: https://www.javacodegeeks.com/2018/08/fluent-design-style-slider.html