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

Question

我使用的是JavaFX 8，有一个只读的TextArea，根据具体情况显示确认消息或错误消息。我希望确认消息有黑色文本，但我希望错误消息有红色文本。我如何在JavaFX 8中做到这一点？就目前而言，我更喜欢用编程的方式来完成，但是我当然也对如何在FXML中完成这个程序的下一个草案感兴趣。

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

我对JavaFX相当陌生，并且惊讶地发现不再有setForeground（）。我们现在应该怎么做？或者我应该使用某种超文本标记语言字段？我还没有玩过这些......

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

我可能误解了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留档，TextAreas有一个CSS属性-fx-text-填充，它定义了显示的文本的颜色。

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

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伪类，然后在外部样式表中引用它：

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");