如何在JavaFX中实现文本垂直对齐？TextArea适配内容高度咨询

刚好我之前也踩过类似的坑，给你分享两个需求的具体实现方案：

一、实现TextArea文本垂直对齐 #

TextArea默认是顶部对齐的，如果需要垂直居中或者底部对齐，因为JavaFX没有直接提供这个属性，我们可以通过动态调整内边距的方式实现，这是最易维护的方案：

1. 垂直居中对齐 #

我们可以监听TextArea的高度变化和文本内容，计算出需要的顶部内边距，让内容刚好居中：

TextArea textArea = new TextArea("你的文本内容");
// 先限制最大高度，避免被父容器强制拉伸（配合后面的自适应设置）
textArea.setMaxHeight(Region.USE_PREF_SIZE);

// 创建一个Text对象用来测量文本的实际高度
Text textMeasurer = new Text();
textMeasurer.setFont(textArea.getFont());
// 绑定换行宽度到TextArea的宽度（减去默认内边距的宽度）
textMeasurer.wrappingWidthProperty().bind(textArea.widthProperty().subtract(20));

// 监听文本和宽度变化，动态调整内边距
InvalidationListener alignmentListener = obs -> {
    textMeasurer.setText(textArea.getText());
    double contentHeight = textMeasurer.getBoundsInLocal().getHeight();
    double textAreaHeight = textArea.getHeight();
    
    if (textAreaHeight > contentHeight) {
        double paddingTop = (textAreaHeight - contentHeight) / 2;
        textArea.setStyle("-fx-padding: " + paddingTop + "px 10px " + paddingTop + "px 10px;");
    } else {
        textArea.setStyle("-fx-padding: 10px;"); // 内容高度超过控件高度时恢复默认内边距
    }
};

textArea.textProperty().addListener(alignmentListener);
textArea.widthProperty().addListener(alignmentListener);

2. 底部对齐 #

如果需要底部对齐，只需要把内边距的计算逻辑改成：

double paddingTop = textAreaHeight - contentHeight;

二、让TextArea尺寸匹配内容（自适应大小） #

默认TextArea会填充父容器的高度，要让它刚好包裹内容，需要两步操作：

1. 关闭自动拉伸 #

先设置TextArea的最大高度/宽度为首选尺寸，这样它不会被父容器强制拉伸：

textArea.setMaxHeight(Region.USE_PREF_SIZE);
textArea.setMaxWidth(Region.USE_PREF_SIZE);

2. 动态计算首选尺寸 #

同样用Text对象测量文本的实际尺寸，然后绑定到TextArea的首选属性：

Text textMeasurer = new Text();
textMeasurer.setFont(textArea.getFont());
// 绑定换行宽度到TextArea的宽度（如果需要自适应宽度，可注释这行让文本不换行）
textMeasurer.wrappingWidthProperty().bind(textArea.widthProperty().subtract(20));

// 监听文本变化，更新首选高度
textArea.textProperty().addListener((obs, oldText, newText) -> {
    textMeasurer.setText(newText);
    double contentHeight = textMeasurer.getBoundsInLocal().getHeight();
    // 加上内边距高度，让控件刚好包裹内容
    textArea.setPrefHeight(contentHeight + 20);
});

// 如果需要自适应宽度，可添加以下逻辑：
textArea.textProperty().addListener((obs, oldText, newText) -> {
    textMeasurer.setText(newText);
    textMeasurer.setWrappingWidth(0); // 不换行，测量单行文本宽度
    double contentWidth = textMeasurer.getBoundsInLocal().getWidth();
    textArea.setPrefWidth(contentWidth + 20);
});

额外优化：CSS调整样式 #

如果想让自适应后的TextArea更简洁，可以用CSS去掉多余的边框或背景：

.text-area {
    -fx-background-insets: 0;
    -fx-background-color: transparent;
    -fx-border-color: #ccc;
    -fx-border-radius: 3px;
}
.text-area .content {
    -fx-background-color: transparent;
}

如果你的TextArea是在FXML中定义的，把上述监听逻辑放到控制器的initialize方法里即可。

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