如何让JavaFX TextField宽度随输入内容动态增长？

不用写繁琐的EventHandler，直接利用JavaFX的属性绑定就能实现：

1. 创建一个Text组件作为文本宽度测量器，绑定它的文本和字体属性到目标TextField，确保样式和内容完全同步
2. 将TextField的prefWidth绑定到测量器的文本宽度，再加上TextField自身的左右内边距（避免内容贴边）

完整代码示例 #

TextField iterations = new TextField("1000");
// 设置最小宽度，避免内容过短时太窄
iterations.setMinWidth(50);

// 创建文本测量器
Text textMeasurer = new Text();
// 绑定文本和字体与TextField同步
textMeasurer.textProperty().bind(iterations.textProperty());
textMeasurer.fontProperty().bind(iterations.fontProperty());

// 绑定TextField的首选宽度到计算出的内容宽度
iterations.prefWidthProperty().bind(
    textMeasurer.layoutBoundsProperty().map(bounds -> 
        bounds.getWidth() + iterations.getInsets().getLeft() + iterations.getInsets().getRight()
    )
);

原理说明 #

• Text组件的layoutBounds会自动根据文本内容和字体计算准确宽度
• 通过属性绑定，TextField的宽度会在文本变化时自动更新，刚好容纳当前内容
• 设置minWidth可以保证内容较短时不会缩到过小，符合初始需求

内容的提问来源于stack exchange，提问作者Caedmon