Java Swing中的聊天框区域

Question

我正试图调整Java Swing中的chatbox区域。它似乎在顶部，而我需要它在我的框架底部。

我的代码：

package com.javavalley;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.JScrollPane;

import java.awt.Color;
import java.awt.event.*;
import javax.swing.border.Border;
import javax.swing.BorderFactory;
import java.lang.Override;
import java.lang.Thread;


import java.lang.Math;

public class ChatBot extends JFrame{
    
    private JFrame frame;
    private JTextArea chatArea;
    private JTextField chatBox;
    private JScrollPane scroll;
    private Border border;
    
    public static void main(String[] args){
        new ChatBot();
    }
    
    public ChatBot(){
        frame = new JFrame("Product Bot");
        chatArea = new JTextArea(20,50);
        chatBox = new JTextField();
        scroll = new JScrollPane(chatArea, JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED, JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
        border = BorderFactory.createLineBorder(Color.BLUE, 1);
        
        chatArea.setSize(540, 400);
        chatArea.setLocation(30,5);
        chatBox.setSize(540, 30);
        chatBox.setLocation(18, 18);
        chatBox.setBorder(border);
        frame.setResizable(false);
        frame.setSize(600, 600);
        frame.add(chatBox);
        frame.add(scroll);
        frame.setVisible(true);
        frame.setDefaultCloseOperation(EXIT_ON_CLOSE);
        bot("Hello! I am a \"Product Bot\"! that answers product related queries! Ask me by typing below. Type \"QUIT\" to end the program. \n\n");
        chatArea.append("Chats: \n");
        chatBox.setText("");
        
        chatBox.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent arg0) {
                String gtext = chatBox.getText();
                chatArea.append("You: " +gtext + "\n");
                chatBox.setText("");
                if(gtext.equals("QUIT")) {
                    sleep(500);
                    System.exit(0);
                }
                String category = "";
                try {
                        category = com.javavalley.ProBot.findCategory(gtext);
                        System.out.println(category);
                }
                catch (Exception e) {
                    System.out.println("Exception thrown.");
                }
                String response = respond(category);
                bot(response);
                }
            }); 
            
            
        }
        
        private void bot(String string)
        {
            chatArea.append("Bot: " + string + "\n");
        }
        
        
        private void sleep(int x) {
            try {
                Thread.sleep(x);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
        
        private String respond(String category)
        {
            String[] greetings = {"Hello, how can I help you?"};
            String[] conversationContinue = {"How can I help you with?", "What else can I help you with?"};
            String[] colorsinquiry = {"Black, Blue, Green, Red, Sierra Blue"};
            String[] priceinquiry = {"Price is EUR 279"};
            String[] productinquiry = {"Product is an Android 11 smart phone with latest features like Super AMOLED Display, 6.5 inches, Li-Ion 5000 mAh, non-removable battery, Octa-core (4x1.6 GHz Cortex-A55 & 4x1.2 GHz Cortex-A55))"};
            String[] conversationComplete = {"Goodbye", "Bye", "Nice chatting with you. Bye!"};
            
            if (category.equals("greeting")) return greetings[(int) (Math.random()*greetings.length)];
            else if (category.equals("colors-inquiry")) return colorsinquiry[(int) (Math.random()*colorsinquiry.length)];
            else if (category.equals("price-inquiry")) return priceinquiry[(int) (Math.random()*priceinquiry.length)];
            else if (category.equals("product-inquiry")) return productinquiry[(int) (Math.random()*productinquiry.length)];
            else if (category.equals("conversation-continue")) return conversationContinue[(int) (Math.random()*conversationContinue.length)];
            else if (category.equals("conversation-complete")) return conversationComplete[(int) (Math.random()*conversationComplete.length)];
            else return "Sorry";
        }
        
}

添加了原型代码。我想要制作的东西是一个完整的GUI，有一些聊天历史。此外，我希望它在一个矩形窗口和一些UI改进。

​

​

Answer 1

是的，我想要你展示的样子。

​

​

如果将底部文本字段替换为JLabel (这里似乎更符合逻辑)，您可能会看到这一点，但是布局是相同的。

这是生成上述屏幕截图的代码。(这也是一种MRE，我希望你以后能贴出来。如果不是为了“填空”原始代码，我本可以在一半时间内解决这个问题)。

import java.awt.*;
import javax.swing.*;
import javax.swing.border.*;

class ChatBot {
    JFrame frame;
    JTextArea chatArea;
    JTextField chatBox;
    Border border;
    JScrollPane scroll;

    public ChatBot() {
        JPanel gui = new JPanel(new BorderLayout(5,5));
        frame = new JFrame("Product Bot");
        frame.setContentPane(gui);
        chatArea = new JTextArea(10, 50);
        chatBox = new JTextField();
        scroll = new JScrollPane(chatArea,
                JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED,
                JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
        border = BorderFactory.createLineBorder(Color.BLUE, 1);
        chatBox.setBorder(border);

        JLabel bot = new JLabel(
                "Hello! I am a \"Product Bot\"! that answers product related queries! " +
                "Ask me by typing below. Type \"QUIT\" to end the program.");
        chatArea.append("Chats: \n");
        chatBox.setText("Chat Box");

        gui.add(chatBox, BorderLayout.PAGE_START);
        gui.add(scroll);
        gui.add(bot, BorderLayout.PAGE_END);
        gui.setBorder(new EmptyBorder(5,5,5,5));
        frame.setResizable(false);
        frame.pack();
        frame.setVisible(true);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }

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

我忘记仔细记录所做的更改(在代码注释中)。如果在仔细检查了代码和相关的Java文档之后，有任何不理解的更改，请在注释中询问我&我将进一步解释。

Answer 2

你在找一个布局。在这里，我建议https://docs.oracle.com/javase/tutorial/uiswing/layout/border.html

这是默认的布局，所以您可以：

public ChatBot(){
        ...
        frame.add(chatBox, BorderLayout.PAGE_START);
        frame.add(scroll, BorderLayout.PAGE_END);
        ...
}

您可以混合布局，并且应该创建分组简单元素的面板。