Question

我的JavaFX程序中有TextArea，我希望能够允许用户设置背景颜色。通过这样做，我能够弄清楚如何使用外部css文件来更改背景颜色。

.text-area .content {
 -fx-background-color: blue ;
}

但是，这只允许我使用默认设置，用户将无法从菜单中选择颜色来更改它。

我也试过在Java代码中这样做。

textArea.setStyle("-fx-background-color: green");

但它并没有改变任何东西，因为TextArea有更深入的内容。

有没有办法可以多次更改背景而无需修改css文件？

Answer 1

使用外部CSS文件使用looked-up color定义背景颜色（向下滚动链接到所有颜色样本的下方）：

.text-area {
    text-area-background: blue ;
}

.text-area .content {
    -fx-background-color: text-area-background ;
}

（此处text-area-background本质上是您选择的任意变量名。）

然后，您可以以编程方式更新查找颜色的定义：

textArea.setStyle("text-area-background: green;");

这是一个SSCCE：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ComboBox;
import javafx.scene.control.ContentDisplay;
import javafx.scene.control.ListCell;
import javafx.scene.control.TextArea;
import javafx.scene.layout.BorderPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class TextAreaColorSelection extends Application {

    @Override
    public void start(Stage primaryStage) {
        ComboBox<Color> choices = new ComboBox<>();
        choices.getItems().addAll(Color.ALICEBLUE, Color.AQUAMARINE, Color.CORNFLOWERBLUE,
                Color.ANTIQUEWHITE, Color.BLANCHEDALMOND);
        choices.setCellFactory(lv -> new ColorCell());
        choices.setButtonCell(new ColorCell());

        TextArea textArea = new TextArea();

        choices.valueProperty().addListener((obs, oldColor, newColor) -> {

            textArea.setStyle("text-area-background: "+ format(newColor) +";");

        });

        Scene scene = new Scene(new BorderPane(textArea, choices, null, null, null));
        scene.getStylesheets().add("text-area-background.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private String format(Color c) {
        int r = (int) (255 * c.getRed());
        int g = (int) (255 * c.getGreen());
        int b = (int) (255 * c.getBlue());
        return String.format("#%02x%02x%02x", r, g, b);
    }

    public static class ColorCell extends ListCell<Color> {
        private final Rectangle rect = new Rectangle(80, 20);

        public ColorCell() {
            setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
        }

        @Override
        public void updateItem(Color color, boolean empty) {
            super.updateItem(color, empty);
            if (empty) {
                setGraphic(null);
            } else {
                setGraphic(rect);
                rect.setFill(color);
            }
        }
    }

    public static void main(String[] args) {
        launch(args);
    }
}

使用css文件text-area-background.css：

.text-area {
    text-area-background: white ;
}

.text-area .content {
    -fx-background-color: text-area-background ;
}

Answer 2

我用了这样的东西

textArea.lookup(".content").setStyle("-fx-background-color: green;");

我认为速度更快。

如何多次更改TextArea背景颜色？

2 个答案: