2

我对 JavaFX 很陌生,并且对绑定功能很着迷。但是,我无法弄清楚如何绑定到节点的边距/填充。

目前,我正在尝试制作一个左侧有图像的文本框(或 TextField)。我做了一个 StackPane 来环绕 TextField,以及一个 ImageView 到那个 StackPane。然后我尝试将 ImageView 的 height 属性绑定到 TextField 的 height 属性,但图像在视觉上看起来不像在 TextField 内,因为它与 TextField 的边框重叠。

我最终修改了绑定以考虑 TextField 的填充。

imageView.fitHeightProperty().bind(textField.heightProperty().subtract(textField.getPadding().getTop() + textField.getPadding().getBottom()));

它正在工作,但是填充未绑定的部分让我感到不安,因为这个值被计为一个常量,相当于我设置绑定时它具有的任何填充。如果在绑定后再次更改填充,事情就会变得混乱。

这是我想要实现的文本字段的示例。

有更好的方法吗?要么是更好的绑定方法,要么是完全不同的方法来制作类似于示例的 UI。当前的方法并不优雅,因为我还设置了固定数量的左侧填充,以便 TextField 内容不会与图像重叠。

4

1 回答 1

2

您可以使用以下方法创建自己的绑定Bindings.createDoubleBinding

imageView.fitHeightProperty().bind(Bindings.createDoubleBinding(() -> 
    textField.getHeight() - (textField.getPadding().getTop() + textField.getPadding().getBottom())
, textField.paddingProperty(), textField.heightProperty()));

如果您检查方法签名:

public static DoubleBinding createDoubleBinding(Callable<Double> func, Observable... dependencies)

和javadoc DoubleBinding

如果已注册的依赖项之一变为无效,则此 DoubleBinding 被标记为无效。

使用此绑定,如果 的高度或填充TextField已更改,则将重新评估绑定。

于 2016-11-28T10:53:30.820 回答