如何动态更改 JavaFX TextArea 中文本的前景色？

Question

我正在使用 JavaFX 8 并且有一个只读的 TextArea，它会根据情况显示确认消息或错误消息。我希望确认消息有黑色文本，但我希望错误消息有红色文本。我如何在 JavaFX 8 中做到这一点？目前，我更喜欢以编程方式进行，但我当然会对如何在 FXML 中以及程序的下一个草案中完成这一点感兴趣。

本质上，我正在显示一个 tableView 并让用户编辑 TableView 单元格中的信息。如果用户在单元格中输入了无效值，我想给他/她一个明确的错误消息，说明出了什么问题，我希望该消息为红色（或以某种方式突出显示）。如果他们以可接受的方式更改值，我想要一条确认消息，告诉他们他们已成功更改表和数据库中的值；我希望该消息是黑色的（或类似的）。

我对 JavaFX 还很陌生，我惊讶地发现不再有 setForeground()。我们现在应该怎么做？还是我应该使用某种 HTML 字段？我还没有玩过那些....

================================================ ========================= 后续问题

我可能误解了 James_D 回答的意图，但我创建了两个伪类，一个用于错误消息，一个用于信息消息：

private static final PseudoClass ERROR =                               PseudoClass.getPseudoClass("error");

private static final PseudoClass INFO = PseudoClass.getPseudoClass("info");   

我曾希望能够有一个简单的方法来编写任何类型的消息，信息或错误，只需将伪类传递给方法。方法如下：

private void writeMessage(String message, PseudoClass pseudoClass) {

    messageArea.pseudoClassStateChanged(pseudoClass, true);
    messageArea.setText(message);
}

我调用如下方法得到错误信息：

writeMessage("This is an error message.", ERROR);

这样的信息消息：

writeMessage("This is an information message.", INFO);

这是我添加到我的 CSS 文件中的内容：

.text-area:error {
-fx-text-fill: red ;
-fx-font-weight: 700;
}   

.text-area:info {
-fx-text-fill: black;
-fx-font-weight: normal;
 }

为什么我的错误消息不显示为粗体？ （所有消息都以正常字体显示。）为什么有些错误消息不显示为红色？我始终以相同的方式调用 writeMessage()。

Answer 1

在 JavaFX 中，您可以使用 CSS 设置控件样式。推荐的方法是使用外部样式表，它将样式（在 CSS 文件中）与逻辑（在 Java 中）分开。您还可以通过在控件上直接调用setStyle(...) 来使用“内联”样式。

根据CSS documentation，TextAreas 有一个 CSS 属性 -fx-text-fill，它定义了显示文本的颜色。

所以“快速而肮脏”的方式可能是：

private TextArea messageArea ;

// ...

private void showMessage(String message, boolean error) {
    if (error) {
        messageArea.setStyle("-fx-text-fill: red ;") ;
    } else {
        messageArea.setStyle("");
    }
    messageArea.setText(message);
}

更好的方法是定义自己的 CSS PseudoClass，然后在外部样式表中引用它：

private static final PseudoClass ERROR = PseudoClass.getPsuedoClass("error");

private TextArea messageArea ;

// ...

private void showMessage(String message, boolean error) {
    messageArea.pseudoClassStateChanged(ERROR, error);
    messageArea.setText(message);
}

您的 CSS 文件现在可以定义错误消息的样式：

.text-area:error {
    -fx-text-fill: red ;
}

然后你可以将样式表附加到场景中

Scene scene = ... ;
scene.getStylesheets().add("path/to/css/file");