JAVAFX ListView聊天

Question

我需要在列表視圖中逐個插入值，例如聊天。 現在我的代碼是

@FXML 
private ListView<String> messageList;  

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

messageList.setItems(messages); 

Answer 1

這可能類似於你所問的。

主要：

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 
    }  
} 

FXML：

<?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> 

此應用模擬兩個不同的用戶將消息發送到一個列表視圖。類似於聊天。在控制器中的更多評論