javafx TextAreaへの文字表示で１つのテキストエリアに複数のテキストを表示させたい

Question

前提・実現したいこと

javafxを使ってパズルゲームを作成しています。
パズルが動いた時の動作（横に移動など）を履歴としてテキストエリアに保存し、テキストが１０行以上になったら一番古いもの（最初は１行目）を削除してその下に履歴を入れるという仕様にしたいのですがなかなか上手くいきません。この仕様を満たすにはどうしたらよいでしょうか？

記述したソースコードでは履歴が１０行以上になるとテキストエリアが大きくなり、古いものは消えない仕様になっています。

該当のソースコード

//gameHistoryがテキストエリアのfxidです。

String up = (count + "手目: " + "ボタン" + Btn + "が上に移動" + "\n");
String down = (count + "手目: " + "ボタン" + Btn + "が下に移動" + "\n");
String right = (count + "手目: " + "ボタン" + Btn + "が右に移動" + "\n");
String left = (count + "手目: " + "ボタン" + Btn + "が左に移動" + "\n");

		//押したボタンと空白のボタンのX座標が同じときのみ実行（縦の操作）
		if (clickedBtn.getLayoutX() == button16.getLayoutX()) {

			moveCount.setText(count + "手目");

			count++;


			//押したボタンと空白のボタンが隣接（下）
			if (clickedBtn.getLayoutY() == button16.getLayoutY() - 60) {
				clickedBtn.setLayoutY(layoutPuzzleButtonY + 60);
				button16.setLayoutY(layoutEmptyButtonY - 60);
				gameHistory.setText(gameHistory.getText() + down);
			}

			//押したボタンと空白のボタンが１つ離れている（下）
			else if (clickedBtn.getLayoutY() == button16.getLayoutY() - 120) {
				for (Button group1 : group) {
					double groupMoveX = group1.getLayoutX();
					double groupMoveY = group1.getLayoutY();
					if (layoutPuzzleButtonX == groupMoveX) {
						group1.setLayoutY(groupMoveY + 60);
						if (groupMoveY > layoutEmptyButtonY || groupMoveY == layoutEmptyButtonY - 180) {
							group1.setLayoutY(groupMoveY + 0);
						}
					}
				}
				button16.setLayoutY(layoutEmptyButtonY = layoutPuzzleButtonY);
				gameHistory.setText(gameHistory.getText() + down);

			}

			//押したボタンと空白のボタンが２つ離れている（下）
			else if (clickedBtn.getLayoutY() == button16.getLayoutY() - 180) {
				for (Button group1 : group) {
					double groupMoveX = group1.getLayoutX();
					double groupMoveY = group1.getLayoutY();
					if (layoutPuzzleButtonX == groupMoveX) {
						group1.setLayoutY(groupMoveY + 60);
					}
				}
				button16.setLayoutY(layoutEmptyButtonY = layoutPuzzleButtonY);
				gameHistory.setText(gameHistory.getText() + down);

			}

			//押したボタンと空白のボタンが隣接(上)
			else if (clickedBtn.getLayoutY() == button16.getLayoutY() + 60) {
				clickedBtn.setLayoutY(layoutPuzzleButtonY - 60);
				button16.setLayoutY(layoutEmptyButtonY + 60);
				gameHistory.setText(gameHistory.getText() + up);

			}

以下は上、右、左でほぼ同じコードなので省略します。

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

履歴表示なのであれば、入力は必要ありませんよね。であれば、TextAreaではなくListViewのほうが適当だとおもいますけど。

提示されたソースはとても試しで動かせる状態ではありませんし、これを理解するところまで読み込む気も動くところまで書き直す気もないので、たとえば、ということで。

どうしてもTextAreaにこだわるのであれば、読み捨ててください。

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ListView;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

public class xxHoge {
  public static void main(final String[] args) {
    Application.launch(App.class, args);
  }

  public static class App extends Application {
    private final int MAX_NUM_OF_LOG_LINES = 10;

    @Override
    public void start(final Stage primaryStage) throws Exception {
      final VBox vBox = new VBox();

      //
      final ListView<String> logs = new ListView<>();
      vBox.getChildren().add(logs);

      //
      final EventHandler<ActionEvent> handler = new EventHandler<ActionEvent>() {
        private int count = 0;

        @Override
        public void handle(ActionEvent event) {
          final Button butotn = (Button) event.getSource();
          final String text = String.format("%s手目: %sボタンが%s移動", ++count,
              butotn.getText(), butotn.getText());
          final List<String> items = new ArrayList<>(logs.getItems());
          items.add(text);
          final List<String> newItems = items.size() < MAX_NUM_OF_LOG_LINES ? items : items.subList(1, MAX_NUM_OF_LOG_LINES);
          logs.getItems().setAll(newItems);
          logs.scrollTo(items.size());
        }
      };

      final HBox hBox = new HBox();
      vBox.getChildren().add(hBox);

      for (String text : Arrays.asList("up", "down", "left", "right")) {
        final Button button = new Button(text);
        hBox.getChildren().add(button);
        button.setOnAction(handler);
      }

      //
      primaryStage.setScene(new Scene(vBox));
      primaryStage.setTitle(this.getClass().getName());
      primaryStage.show();
    }
  }
}