如何在SceneBuilder中设计进度条?

How can I design a progress bar in SceneBuilder?

在这里我想问一个简单的问题。 我正在制作视频游戏(没有图形),为此我正在使用 SceneBuilder。所以这是我的 HP 条的状态: HP BAR

现在我想重塑它以获得心形: HP BAR wanted

因此,有人知道是否可以使用带有设置的 SceneBuilder 来做到这一点吗?

谢谢大家,祝你有美好的一天。

一个简单的方法,只要面板的背景很简单,就是在进度条的顶部叠加一个 ImageView。如果您使用具有 "hole" 透明度的 PNG,您将有效地隐藏您不想看到的正方形区域。

在此示例中,黑色像素与背景颜色相同(在您的示例中为灰色),白色像素将完全透明。

这样做的缺点是,如果面板颜色发生变化,您将需要以新颜色重新创建 PNG。