JavaFXListView聊天

我需要像聊天一样在列表视图中逐个插入值。 现在我的代码是

@FXML
private ListView<String> messageList;    

private ObservableList<String> messages = FXCollections.observableArrayList();    

messageList.setItems(messages);

@FXML
私有ListView消息列表；
私有ObservableList messages=FXCollections.observableArrayList（）；
messageList.setItems（消息）；

这可能与您的问题类似

主要内容：

控制器：

import java.net.URL；
导入java.util.ResourceBundle；
导入javafx.collections.FXCollections；
导入javafx.collections.ObservableList；
导入javafx.event.ActionEvent；
导入javafx.fxml.fxml；
导入javafx.fxml.Initializable；
导入javafx.scene.control.ListView；
导入javafx.scene.control.TextField；
公共类FXMLDocumentController实现可初始化{
@FXML私有ListView lvChatWindow；
@FXML私有文本字段tfUser1、tfUser2；
ObservableList chatMessages=FXCollections.observableArrayList（）；//为listview创建ObservableList
//方法用于处理将第一个用户的文本提交到listview的按钮按下。
@FXML
私有无效handleUser1SubmitMessage（ActionEvent事件）{
chatMessages.add（“用户1:+tfUser1.getText（））；//从第一个用户的文本字段中获取第一个用户的文本，并将消息添加到observablelist
tfUser1.setText（“”；//清除第一个用户的文本字段
}
//方法用于处理将第二个用户的文本提交到listview的按钮按下。
@FXML
私有void handleUser2SubmitMessage（ActionEvent事件）{
chatMessages.add（“用户2:+tfUser2.getText（））；//从第二个用户的文本字段中获取第二个用户的文本，并将消息添加到observablelist
tfUser2.setText（“”；//清除第二个用户的文本字段
}
@凌驾
公共void初始化（URL、ResourceBundle rb）{
//待办事项
lvChatWindow.setItems（chatMessages）；//将observablelist附加到listview
}      
}

FXML：

此应用程序模拟两个不同的用户向一个listview发送消息。类似于聊天。控制器中的更多注释这可能与您询问的内容类似

主要内容：

控制器：

import java.net.URL；
导入java.util.ResourceBundle；
导入javafx.collections.FXCollections；
导入javafx.collections.ObservableList；
导入javafx.event.ActionEvent；
导入javafx.fxml.fxml；
导入javafx.fxml.Initializable；
导入javafx.scene.control.ListView；
导入javafx.scene.control.TextField；
公共类FXMLDocumentController实现可初始化{
@FXML私有ListView lvChatWindow；
@FXML私有文本字段tfUser1、tfUser2；
ObservableList chatMessages=FXCollections.observableArrayList（）；//为listview创建ObservableList
//方法用于处理将第一个用户的文本提交到listview的按钮按下。
@FXML
私有无效handleUser1SubmitMessage（ActionEvent事件）{
chatMessages.add（“用户1:+tfUser1.getText（））；//从第一个用户的文本字段中获取第一个用户的文本，并将消息添加到observablelist
tfUser1.setText（“”；//清除第一个用户的文本字段
}
//方法用于处理将第二个用户的文本提交到listview的按钮按下。
@FXML
私有void handleUser2SubmitMessage（ActionEvent事件）{
chatMessages.add（“用户2:+tfUser2.getText（））；//从第二个用户的文本字段中获取第二个用户的文本，并将消息添加到observablelist
tfUser2.setText（“”；//清除第二个用户的文本字段
}
@凌驾
公共void初始化（URL、ResourceBundle rb）{
//待办事项
lvChatWindow.setItems（chatMessages）；//将observablelist附加到listview
}      
}

FXML：



此应用程序模拟两个不同的用户向一个listview发送消息。类似于聊天。控制器中的更多注释
使用
消息。在迭代中添加（字符串）
我已经对此进行了检查我在该列表视图中有一个设计我需要添加该设计并逐个插入值。如何在列表视图中添加设计以及如何逐个添加值？是否要将列表添加到
列表视图
或通过添加新项更新
可观察列表
？使用
消息。添加（字符串）
在迭代过程中，我已经检查了这个列表视图中的设计，我需要添加该设计并逐个插入值。如何在列表视图中添加设计以及如何逐个添加值？您想在
列表视图中添加列表
或通过添加新项目更新
可观察列表
？非常好。虽然这里不需要实现
初始化
。您只需添加
@FXML public void initialize（）{..}
非常好。虽然这里不需要实现
初始化
。您只需添加
@FXML public void initialize（）{..}
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class ChatApp extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));

        Scene scene = new Scene(root);

        stage.setScene(scene);
        stage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

import java.net.URL;
import java.util.ResourceBundle;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.ListView;
import javafx.scene.control.TextField;

public class FXMLDocumentController implements Initializable {

    @FXML private ListView lvChatWindow;
    @FXML private TextField tfUser1, tfUser2;

    ObservableList<String> chatMessages = FXCollections.observableArrayList();//create observablelist for listview


    //Method use to handle button press that submits the 1st user's text to the listview.
    @FXML
    private void handleUser1SubmitMessage(ActionEvent event) {
        chatMessages.add("User 1: " + tfUser1.getText());//get 1st user's text from his/her textfield and add message to observablelist
        tfUser1.setText("");//clear 1st user's textfield
    }

    //Method use to handle button press that submits the 2nd user's text to the listview.
    @FXML
    private void handleUser2SubmitMessage(ActionEvent event) {
        chatMessages.add("User 2: " + tfUser2.getText());//get 2nd user's text from his/her textfield and add message to observablelist
        tfUser2.setText("");//clear 2nd user's textfield
    }

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        // TODO
        lvChatWindow.setItems(chatMessages);//attach the observablelist to the listview
    }      
}

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane id="AnchorPane" prefHeight="349.0" prefWidth="549.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.60" fx:controller="chatapp.FXMLDocumentController">
    <children>
        <Button fx:id="bntUser1Send" layoutX="99.0" layoutY="299.0" onAction="#handleUser1SubmitMessage" text="send message user1" />
        <Label fx:id="label" layoutX="126" layoutY="120" minHeight="16" minWidth="69" />
      <Button fx:id="btnUser2Send" layoutX="351.0" layoutY="299.0" mnemonicParsing="false" onAction="#handleUser2SubmitMessage" text="send message user2" />
      <ListView fx:id="lvChatWindow" layoutX="75.0" layoutY="29.0" prefHeight="200.0" prefWidth="419.0" />
      <TextField fx:id="tfUser1" layoutX="36.0" layoutY="258.0" prefHeight="25.0" prefWidth="239.0" />
      <TextField fx:id="tfUser2" layoutX="293.0" layoutY="258.0" prefHeight="25.0" prefWidth="239.0" />
    </children>
</AnchorPane>