java - 使 javafx textArea 的背景清晰

Question

我正在研究 java 中的整个文本区域类，我打算在我正在制作的酷 GUI 中使用它，但是，当我想要使背景清晰时，我唯一能找到的方法是允许您设置不透明度。但这是整个文本区域(包括文本)我只想清除背景。任何建议/提示

我所做的所有谷歌搜索都得出了很多与 css 相关的帖子，对吧？

Answer 1

TextArea 内部包含一个滚动 Pane 。使文本区域看起来透明需要透明化的三件事是

1. 文本区域本身
2. 文本区域内部滚动面板的视口(viewport)
3. 在滚动 Pane 内显示文本的内容 Pane

CSS 规则是

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

完整示例:

透明文本区域.java:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextArea;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class TransparentTextArea extends Application {

    @Override
    public void start(Stage primaryStage) {
        TextArea textArea = new TextArea();
        StackPane root = new StackPane(textArea);
        Scene scene = new Scene(root, 400, 400);
        scene.getStylesheets().add("transparent-text-area.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

透明文本区域.css:

.root {
    -fx-background-color: linear-gradient(to bottom right, white 0%, cornflowerblue 100% );

}

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