javaFX의 자동 스크롤

Question

javaFX를 사용하여 대화 상자를 만들려고합니다. 현재 페이지가 가득 차면 내 페이지를 자동 스크롤하려고합니다. 하지만 제대로 작동하지 않습니다. 내가 그것을 실행하면

import javafx.application.Application; 
import javafx.geometry.Insets; 
import javafx.scene.Scene; 
import javafx.scene.control.Button; 
import javafx.scene.control.ScrollPane; 
import javafx.scene.control.TextField; 
import javafx.scene.input.KeyCode; 
import javafx.scene.layout.HBox; 
import javafx.scene.layout.Priority; 
import javafx.scene.layout.VBox; 
import javafx.scene.text.Text; 
import javafx.scene.text.TextFlow; 
import javafx.stage.Stage; 

public class ChatBox extends Application{ 
final ScrollPane sp = new ScrollPane(); 
public static void main(String[] args){ 
launch(args); 
} 
public void start(Stage stage){ 
TextFlow textFlow = new TextFlow(); 
textFlow.setPadding(new Insets(10)); 
textFlow.setLineSpacing(10); 
textFlow.setPrefSize(300,300); 
TextField textField = new TextField(); 
textField.setPrefSize(50,30); 
Button button = new Button("Send"); 
button.setPrefSize(80,30); 
VBox container = new VBox(); 
VBox box = new VBox(); 
box.getChildren().addAll(sp,textFlow); 
container.setPadding(new Insets(10)); 
container.getChildren().addAll(box, new HBox(textField, button)); 
VBox.setVgrow(sp, Priority.ALWAYS); 
VBox.setVgrow(textFlow, Priority.ALWAYS); 
textField.prefWidthProperty().bind(container.widthProperty().subtract(button.prefWidthProperty())); 

// On Enter press 
textField.setOnKeyPressed(e -> { 
    if(e.getCode() == KeyCode.ENTER) { 
     button.fire(); 
    } 
}); 

button.setOnAction(e -> { 
    Text text; 
    if(textFlow.getChildren().size()==0){ 
     text = new Text(textField.getText()); 
    } else { 
     // Add new line if not the first child 
     text = new Text("\n" + textField.getText()); 
    } 
    textFlow.getChildren().add(text); 
    textField.clear(); 
    textField.requestFocus(); 
}); 
VBox vb = new VBox(); 
vb.getChildren().addAll(textFlow); 
sp.setVmax(440); 
sp.setPrefSize(400, 300); 
sp.setContent(vb); 
sp.vvalueProperty().bind((ObservableValue<? extends Number>) vb.heightProperty()); 
//sp.setPannable(true); 
Scene scene = new Scene(container, 400, 300); 
stage.setScene(scene); 
stage.setTitle("ChatBox"); 
stage.show(); 
} 
} 

는 페이지가 아래로 여기

는 첫 번째 메시지와 스크롤 바가 위치가 상단에 있어야하지만 아래 가리키는 이었지만까지 하이 간다 간다 . 어떻게해야합니까?

Answer 1

그냥 코멘트 스크롤 창 내부에있는 동안 크기를 조정해야하므로 스크롤이 발생하기 때문에 텍스트 흐름의 기본 크기. 다음과 같이 체크 아웃 : 나는이에 대한 ListView 대신 TextFlow (A)의 사용을 권장

package com.grs.stackOverFlow.pack161124; 

import javafx.application.Application; 
import javafx.beans.value.ObservableValue; 
import javafx.geometry.Insets; 
import javafx.scene.Scene; 
import javafx.scene.control.Button; 
import javafx.scene.control.ScrollPane; 
import javafx.scene.control.TextField; 
import javafx.scene.input.KeyCode; 
import javafx.scene.layout.HBox; 
import javafx.scene.layout.Priority; 
import javafx.scene.layout.VBox; 
import javafx.scene.text.Text; 
import javafx.scene.text.TextFlow; 
import javafx.stage.Stage; 

public class ChatBox extends Application{ 
    final ScrollPane sp = new ScrollPane(); 
    public static void main(String[] args){ 
     launch(args); 
    } 
    public void start(Stage stage){ 
     TextFlow textFlow = new TextFlow(); 
     //textFlow.setPadding(new Insets(10)); 
     textFlow.setLineSpacing(10); 
     //textFlow.setPrefSize(300,300); 
     TextField textField = new TextField(); 
     textField.setPrefSize(50,30); 
     Button button = new Button("Send"); 
     button.setPrefSize(80,30); 
     VBox container = new VBox(); 
     VBox box = new VBox(); 
     box.getChildren().addAll(sp,textFlow); 
     container.setPadding(new Insets(10)); 
     container.getChildren().addAll(box, new HBox(textField, button)); 
     VBox.setVgrow(sp, Priority.ALWAYS); 
     VBox.setVgrow(textFlow, Priority.ALWAYS); 
     textField.prefWidthProperty().bind(container.widthProperty().subtract(button.prefWidthProperty())); 

     // On Enter press 
     textField.setOnKeyPressed(e -> { 
      if(e.getCode() == KeyCode.ENTER) { 
       button.fire(); 
      } 
     }); 

     button.setOnAction(e -> { 
      Text text; 
      if(textFlow.getChildren().size()==0){ 
       text = new Text(textField.getText()); 
      } else { 
       // Add new line if not the first child 
       text = new Text("\n" + textField.getText()); 
      } 
      textFlow.getChildren().add(text); 
      textField.clear(); 
      textField.requestFocus(); 
     }); 
     VBox vb = new VBox(); 
     vb.getChildren().addAll(textFlow); 
     sp.setVmax(440); 
     sp.setPrefSize(400, 300); 
     sp.setContent(vb); 
     sp.vvalueProperty().bind((ObservableValue<? extends Number>) vb.heightProperty()); 
     //sp.setPannable(true); 
     Scene scene = new Scene(container, 400, 300); 
     stage.setScene(scene); 
     stage.setTitle("ChatBox"); 
     stage.show(); 
    } 
} 

[![enter image description here][1]][1] 

Answer 2

. 이 ListView 이미 줄 바꿈을 담당하고 또한 당신이보기에 스크롤 메시지 인덱스를 지정할 수 있도록 scrollTo 방법을 제공하기 때문에, 많은 간단한 코드를 만드는 : 지금 작동

public void start(Stage stage) { 
    TextField textField = new TextField(); 
    textField.setPrefSize(50, 30); 

    Button button = new Button("Send"); 
    button.setPrefSize(80, 30); 

    VBox container = new VBox(); 

    ListView<String> listView = new ListView(); 
    listView.setFocusTraversable(false); 
    listView.setCellFactory(lv -> new ListCell<String>() { 

     private final Text text; 

     { 
      text = new Text(); 
      setContentDisplay(ContentDisplay.GRAPHIC_ONLY); 
      setGraphic(text); 

      // bind wrapping width to available size 
      text.wrappingWidthProperty().bind(Bindings.createDoubleBinding(() -> { 
       Insets padding = getPadding(); 
       return getWidth() - padding.getLeft() - padding.getRight(); 
      }, widthProperty(), paddingProperty())); 

     } 

     @Override 
     protected void updateItem(String item, boolean empty) { 
      super.updateItem(item, empty); 
      if (empty) { 
       text.setText(null); 
      } else { 
       text.setText(item); 
      } 
     } 

    }); 

    container.setPadding(new Insets(10)); 
    container.getChildren().addAll(listView, new HBox(textField, button)); 
    VBox.setVgrow(listView, Priority.ALWAYS); 

    HBox.setHgrow(textField, Priority.ALWAYS); 
    HBox.setHgrow(button, Priority.NEVER); 

    EventHandler<ActionEvent> handler = e -> { 
     // add new message 
     listView.getItems().add(textField.getText()); 

     textField.clear(); 
     textField.requestFocus(); 

     // scroll to newly added item 
     listView.scrollTo(listView.getItems().size()-1); 
    }; 

    textField.setOnAction(handler); 
    button.setOnAction(handler); 

    Scene scene = new Scene(container, 400, 300); 
    stage.setScene(scene); 
    stage.setTitle("ChatBox"); 
    stage.show(); 
}