JMetro的Java，JavaFX主題版本剛剛提高到4.2版。 此版本為Slider控件帶來了新樣式。 除此之外，您現(xiàn)在還可以看到一個(gè)彈出窗口，向您顯示滑塊的當(dāng)前值。

新滑塊樣式

以下是舊的JMetro Slider樣式：

滑塊OLD JMetro燈光主題

滑塊OLD JMetro黑暗主題

對(duì)于這個(gè)主題，我必須創(chuàng)建一個(gè)新皮膚。 這是因?yàn)槟鸁o法設(shè)置從“滑塊”軌道的起點(diǎn)到拇指所在點(diǎn)的填充的樣式。 在JMetro 4.2版中，我進(jìn)一步增強(qiáng)了此外觀以添加新功能。 接下來，我將討論此功能。

首先，我想展示新的Slider樣式：

滑塊NEW JMetro燈光主題

滑塊NEW JMetro黑暗風(fēng)格

如您所見，滑塊的顏色和整體樣式已更改。 您還會(huì)注意到我提到的新功能。 每當(dāng)用戶與滑塊互動(dòng)以更改其值時(shí)，就會(huì)出現(xiàn)一個(gè)彈出窗口，以準(zhǔn)確顯示滑塊具有的值。 每當(dāng)您需要顯示允許更精確調(diào)整的界面時(shí)，此功能就很有用。 通過顯示一個(gè)彈出窗口，用戶在操作時(shí)將確切知道當(dāng)前的Slider值。

該功能默認(rèn)情況下處于啟用狀態(tài)，但可以通過-show-value-on-interaction屬性關(guān)閉。 以下代碼片段顯示了默認(rèn)情況下如何在JMetro中對(duì)其進(jìn)行配置：

.slider {-show-value-on-interaction: true; }

要關(guān)閉此功能，您需要做的就是在調(diào)用JMetro類的applyTheme(...)之后添加一個(gè)樣式表，其定義如下：

.slider {-show-value-on-interaction: false; }

或者，您可以針對(duì)具體情況通過定位特定的Slider并將其-show-value-on-interaction屬性設(shè)置為false 。

包起來

版本4.2剛剛發(fā)布。 此版本為Slider控件帶來了新樣式，并增強(qiáng)了以前的Slider外觀。 它添加了一項(xiàng)新功能，該功能允許通過彈出窗口顯示當(dāng)前已修改的Slider值。

如果需要有關(guān)新Skin的更多背景信息，可以查看以前的JMetro風(fēng)格Slider帖子 。

我計(jì)劃創(chuàng)建一個(gè)新的庫，該庫將具有新的增強(qiáng)外觀，例如此外觀和其他常規(guī)增強(qiáng)功能。 我的理解是這些增強(qiáng)功能不僅對(duì)JMetro有價(jià)值。 因此，我將它們提供給其他人以在不同的上下文中使用。 然后，JMetro將依賴這個(gè)新庫。

我不喜歡Slider拇指的圓角。 我不知何故覺得它們有點(diǎn)太圓了。 因此，我可能會(huì)在另一個(gè)JMetro版本中提出一種替代樣式，并允許您在兩者之間進(jìn)行選擇。

與往常一樣，您可以查看JMetro Java，JavaFX主題頁面，以獲取有關(guān)JMetro的詳細(xì)信息。 我將在未來幾天內(nèi)嘗試對(duì)其進(jìn)行更新。

在下一個(gè)更新中，我計(jì)劃為Button控件創(chuàng)建一種新樣式，并在單擊時(shí)添加一個(gè)動(dòng)畫。

請(qǐng)繼續(xù)關(guān)注，在Twitter上關(guān)注我并訂閱此博客。

翻譯自: https://www.javacodegeeks.com/2018/08/fluent-design-style-slider.html

總結(jié)

以上是生活随笔為你收集整理的Java，JavaFX的流畅设计风格滑块的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。