使用CSS 自訂JavaFX ProgressBar 元件
在JavaFX 中設定ProgressBar 元件的樣式需要了解其CSS 類別以及影響的特定程式/屬性它的外觀。本指南將為您提供自訂顏色、背景以及向進度條添加自訂文字節點所需的資訊。
1.對進度條進行著色
這可以透過.bar 類別來完成:
.progress-bar .bar { -fx-background-color: #yourColor; }
2.設定背景顏色
設定.track類別的樣式:
.progress-bar .track { -fx-background-color: #yourBackground; }
3.新增自訂文字節點
建立一個自訂 JavaFX 節點來表示要在 ProgressBar 上顯示的文字。然後,在 CSS 中,使用 .knob 類別來定位它:
.knob { -fx-text-fill: white; -fx-background-color: black; -fx-alignment: center; }
4。更改進度條的高度
使用.bar 類別設定填充:
.progress-bar .bar { -fx-padding: 1px; -fx-background-insets: 0; }
5.引用預設CSS
查看預設的JavaFX 樣式表以了解現有的CSS 類別與屬性:
其他自訂選項
請記住,語法和選項可能會有所不同,具體取決於您使用的 JavaFX 版本(例如 Java 7 與 Java 8)。
以上是如何使用 CSS 自訂 JavaFX ProgressBar 的外觀?的詳細內容。更多資訊請關注PHP中文網其他相關文章!