Textarea javaFx颜色

时间:2016-04-05 10:03:45

标签: java javafx textarea

我正在尝试开发一个看起来像终端控制台的应用程序,我正在使用TextArea,我希望是黑色背景和绿色文本,

我想在不使用任何ccs模板的情况下执行此操作

我知道我的问题在这里看起来像是重复的:

javafx textarea background color not css

JavaFX CSS styling of TextArea does not work

但在阅读完这些内容并尝试他们的建议后,我发现没有运气来解决我的问题

到目前为止我尝试了什么:

FXML中的

<TextArea 
    fx:id="terminalTextArea"
    layoutX="14.0"
    layoutY="85.0"
    prefHeight="64.0"
    prefWidth="402.0"
    style="-fx-font-family: Consolas; -fx-highlight-fill: #00ff00; -fx-highlight-text-fill: #000000; -fx-text-fill: #00ff00; -fx-background-color:#000000;"
    text="Terminal"
    AnchorPane.leftAnchor="10.0"
    AnchorPane.rightAnchor="10.0">
    <font>
        <Font name="System Bold" size="14.0" />
    </font>
</TextArea>

但没有运气......

并在源代码中:

@Override
public void initialize(URL url, ResourceBundle rb) {
    System.out.println("init here");
    terminalTextArea.setStyle("-fx-text-fill: black;");
}

我得到的唯一的东西是边框颜色,如下图所示....

你们中的任何人在????

之前都有同样的问题

提前Tnxs

enter image description here

3 个答案:

答案 0 :(得分:6)

推荐的方法是使用外部CSS文件,如您链接的示例所示。

如果由于某种原因您不想这样做,请尝试

style="-fx-control-inner-background:#000000; -fx-font-family: Consolas; -fx-highlight-fill: #00ff00; -fx-highlight-text-fill: #000000; -fx-text-fill: #00ff00; "

在您的FXML文件中,或等效地

terminalTextArea.setStyle("-fx-control-inner-background:#000000; -fx-font-family: Consolas; -fx-highlight-fill: #00ff00; -fx-highlight-text-fill: #000000; -fx-text-fill: #00ff00; ");

在控制器的initialize()方法中。

SSCCE:

StyledTextArea.fxml:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.HBox?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.text.Font?>

<HBox xmlns:fx="http://javafx.com/fxml/1" >
    <padding>
        <Insets top="12" left="12" right="12" bottom="12"/>
    </padding>
    <TextArea 
        prefHeight="64.0"
        prefWidth="402.0"
        style="-fx-control-inner-background:#000000; -fx-font-family: Consolas; -fx-highlight-fill: #00ff00; -fx-highlight-text-fill: #000000; -fx-text-fill: #00ff00; "
        text="Terminal">

        <font>
            <Font name="System Bold" size="14.0" />
        </font>
    </TextArea>
</HBox>

和测试类:

import java.io.IOException;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class StyledTextArea extends Application {

    @Override
    public void start(Stage primaryStage) throws IOException {
        primaryStage.setScene(new Scene(
            FXMLLoader.load(getClass().getResource("StyledTextArea.fxml"))
        ));
        primaryStage.show();
    }

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

enter image description here

答案 1 :(得分:0)

这很简单,只需在您想要的元素中添加一个ID名称:

AnchorPane id="AnchorPane" prefHeight="180.0" prefWidth="430.0"

或在Scene Builder中的标题下方的属性中,JavaFX CSS在CSS文件中写下此元素的名称和样式。

答案 2 :(得分:0)

如果尝试使用CSS设置textArea的背景,则应具有CSS .content的此属性。视口//additional .scroll-pane

代码:

#tContent{
    -fx-pref-width: 180;
    -fx-pref-height: 110;

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