代码之家  ›  专栏  ›  技术社区  ›  CodingHedgehog

如何在JavaFX中创建平面进度条?

  •  0
  • CodingHedgehog  · 技术社区  · 7 年前

    我正在使用Java FXML。

    进度条如下所示: JavaFX Progress Bar

    如何删除周围的灰色边框,但保持背景。

    如下所示: Desired Progress Bar

    谢谢

    2 回复  |  直到 7 年前
        1
  •  0
  •   Jai    7 年前

    您需要添加样式表并执行以下操作:

    .progress-bar > .bar, .progress-bar > .track {
        -fx-background-insets: 0;
    }
    

    你可以从 CSS Reference Modena Theme CSS 如果你将来有类似的问题。

        2
  •  0
  •   Ramgau    6 年前

    对于我的情况,使用以下样式表的扁平进度条

     .progress-bar > .bar {
        -fx-padding:0;
        -fx-background-radius:0;
        -fx-background-insets: 0;
        -fx-background-color: black;
    }
    
    .progress-bar > .track {
       -fx-background-color: lightgray, white;
       -fx-background-radius:0;
       -fx-background-insets: 0, 1;
    
    }