Question

我正在尝试使用JavaFXML创建GUI，我正在使用TextArea。将文本添加到TextArea时，默认将文本放在顶部，我希望文本从底部开始，并在我追加它时添加到上一个文本的下方。如果有帮助，我试图模仿一个终端。

目前我正在使用CSS来设置UI的样式并更改颜色，这很有效，我只是不能让文本服从。如果有办法将一个css属性添加到TextArea，那么文本将对齐到底部，这将是很好的。

这是我的所有代码在功能上所做的，将我在TextField中键入的内容添加到上面的文本区域，禁用该文本区域以防止用户输入。

textarea.appendText("\n" + textfield.getText());

PS 我的代码请求主要关注文本字段，如下所示：

@Override
public void initialize(URL url, ResourceBundle rb) {
    Platform.runLater(new Runnable() {

        @Override
        public void run() {
            textfield.requestFocus();
        }
    });
}

但是，如果用户点击它，我将如何将焦点设置回文本字段？我希望在选择我的应用程序时输入时始终将文本输入到文本字段中，但是如果单击文本字段，则会删除焦点并且不会在任何地方输入击键。

Answer 1

我不认为TextArea具有此功能。你可以做的是用你想要的行为实现你自己的类。以下是它的外观示例：

import java.util.ArrayList;

import javafx.application.Application;
import javafx.application.Platform;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextArea;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Region;
import javafx.scene.layout.VBox;

public class MCVE extends Application {

    @Override
    public void start(Stage primaryStage) {
        try {
            BtmAlignedTextArea area = new BtmAlignedTextArea();

            TextArea msgArea = new TextArea();
            msgArea.setPrefHeight(100);
            Button sendButton = new Button("Send");
            sendButton.setMinWidth(Region.USE_PREF_SIZE);
            sendButton.prefHeightProperty().bind(msgArea.heightProperty());

            HBox msgBox = new HBox(msgArea, sendButton);
            msgBox.setAlignment(Pos.CENTER_LEFT);
            msgArea.prefWidthProperty().bind(msgBox.widthProperty().subtract(sendButton.widthProperty()));
            msgArea.addEventFilter(KeyEvent.KEY_PRESSED, e -> {
                if (e.getCode().equals(KeyCode.ENTER)) {
                    sendButton.fire();
                }
            });

            sendButton.setOnAction(e -> {
                area.addRow(msgArea.getText());
                msgArea.clear();

                // This is just a fix because the caret positions itself on the
                // second row after msgArea has been cleared for some reason.
                Platform.runLater(() -> msgArea.positionCaret(0));
            });

            VBox root = new VBox(area, msgBox);

            area.prefHeightProperty().bind(root.heightProperty().subtract(msgArea.heightProperty()));
            area.prefWidthProperty().bind(root.widthProperty());
            msgBox.prefWidthProperty().bind(root.widthProperty());

            Scene scene = new Scene(root, 800, 600);
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

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

    class BtmAlignedTextArea extends VBox {
        private ArrayList<Label> rows = new ArrayList<Label>();

        public BtmAlignedTextArea() {
            this.setAlignment(Pos.BOTTOM_LEFT);
            this.setPadding(new Insets(10));
        }

        public void addRow(String text) {
            Label label = new Label(text);
            this.getChildren().add(label);
            rows.add(label);
        }

        public ArrayList<Label> getRows() {
            return rows;
        }
    }
}

将文本区域的文本设置为与底部对齐

1 个答案: