如何解决聊天系统中JScrollPane滚动条无法滚动的问题？

我用JScrollPane实现了一个滚动面板，当前逻辑是在聊天输入框输入内容并按下回车后，创建JPanel添加到滚动面板中，但滚动条处于固定状态无法滚动。尝试修改添加到滚动面板的面板尺寸后，面板并未按预期改变大小，反而覆盖了整个滚动面板。想知道是否有可调整画布尺寸的属性，或是更简便的实现方法？

ChatUI.java #

import javax.swing.*;
import javax.swing.border.LineBorder;
import java.awt.Font;
import java.awt.Image;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;

public class ChatUI {
    static JTextField chat_input = new JTextField(8);
    static JPanel inner_background = new JPanel();
    static JScrollPane scrollPane = new JScrollPane(inner_background);

    public static String getTextFieldText() {
        return chat_input.getText();
    }

    public static void createScrollingList(JLayeredPane layeredPane) {
        // Set the layout manager for the inner background panel
        inner_background.setLayout(new BoxLayout(inner_background, BoxLayout.Y_AXIS));

        // Set the preferred size of inner_background to be larger than the visible area
        inner_background.setPreferredSize(new Dimension(300, 1000));

        // Other settings for the inner background panel
        inner_background.setBackground(Color.decode("#111214"));
        inner_background.setBorder(new LineBorder(Color.decode("#111214"), 2, true));

        layeredPane.add(inner_background, Integer.valueOf(0));

        // Configure the JScrollPane
        scrollPane.setBounds(20, 200, 330, 450);
        scrollPane.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
        scrollPane.getViewport().setBackground(Color.decode("#111214"));

      
        scrollPane.setPreferredSize(new Dimension(400, 1000)); // Set a larger preferred size
      //  scrollPane.setLayout(new BoxLayout(inner_background, BoxLayout.Y_AXIS)); // Use BoxLayout for vertical layout

        // Add some components to the content panel
        for (int i = 0; i < 20; i++) {
            JButton button = new JButton("Button " + i);
            scrollPane.add(button);
        }
        // Add the JScrollPane to the layeredPane
        layeredPane.add(scrollPane, Integer.valueOf(2));
    }


    static void UIVisuals(JFrame frame, JLayeredPane layeredPane) {
        // Left frame
        JPanel topBackground = new JPanel();
        topBackground.setBackground(Color.decode("#62D0F6"));
        topBackground.setBounds(0, 0, 500, 80);

        // Right frame
        JPanel rightFrame = new JPanel();
        rightFrame.setBackground(Color.decode("#9B90B2"));
        rightFrame.setBounds(20, 40, 20, 20);

        // Add frames to layeredPane
        layeredPane.add(rightFrame, Integer.valueOf(1));
        layeredPane.add(topBackground, Integer.valueOf(1));

       // User_Icon
        ImageIcon userIcon = new ImageIcon("C:/Users/pokec/OneDrive/Pictures/user_java_icon.png");
        JLabel userLabel = new JLabel(userIcon);
        userLabel.setBounds(0, 30, userIcon.getIconWidth(), userIcon.getIconHeight()); // Adjust the bounds as needed
        layeredPane.add(userLabel, Integer.valueOf(2));

        // Emoji Button
        ImageIcon imageIcon = new ImageIcon("C:\\Users\\pokec\\OneDrive\\Pictures\\gift_icon.png");

        // Create a JButton and set the image icon
        JButton gift_button = new JButton(imageIcon);
        gift_button.setBounds(320, 670, 40, 40);
        layeredPane.add(gift_button, Integer.valueOf(2));

        // Make button transparent
        gift_button.setOpaque(false);
        gift_button.setContentAreaFilled(false);
        gift_button.setBorderPainted(false);

        // Texting Panel
        chat_input.setBackground(Color.decode("#383A40"));
        chat_input.setForeground(Color.WHITE);
        chat_input.setBorder(new LineBorder(Color.decode("#4B4D54"), 1, true));

        // Font setup
        Font f3 = new Font(Font.DIALOG, Font.BOLD, 15);
        chat_input.setFont(f3);

        // Adjust the position and size of the chat input
        chat_input.setBounds(20, 670, 280, 40);
        layeredPane.add(chat_input, Integer.valueOf(1));

        JPanel bottomPanel = new JPanel();
        bottomPanel.setLayout(null); // Set null layout for precise positioning
        bottomPanel.add(chat_input);

        // Add components to layeredPane
        layeredPane.add(chat_input, Integer.valueOf(1));
        layeredPane.add(bottomPanel, BorderLayout.SOUTH);

        // Event Listeners
        EventListeners eventListeners = new EventListeners(gift_button, chat_input);
        chat_input.addActionListener(eventListeners);
        gift_button.addActionListener(eventListeners);

        createScrollingList(layeredPane);
    }
}

EventListeners.java #

import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.JViewport;

public class EventListeners implements ActionListener {
    private final JButton button;
    private final JTextField textField;

    public EventListeners(JButton gift_button, JTextField textField) {
        this.button = gift_button;
        this.textField = textField;
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        if (e.getSource() == button) {
            //Gift Button
                System.out.println("Button clicked");
              
        } else if (e.getSource() == textField) {
            //Enter 
            String input = textField.getText();
            if (!input.isEmpty()) {
                     System.out.println("Enter key pressed: " + input);
                textField.setText("");

                // Create a JPanel to add to the JScrollPane
                JPanel chatPanel = new JPanel();
                chatPanel.setPreferredSize(new Dimension(20, 10)); // Set the preferred size
                chatPanel.setBackground(Color.YELLOW); // Set the background color or customize as needed

                // Add the chatPanel to the JScrollPane's viewport
                JViewport viewport = ChatUI.scrollPane.getViewport();
                viewport.add(chatPanel);

                // Repaint the viewport to reflect changes
                viewport.repaint();
            }
        }
    }
}

核心问题 #

1. 错误的组件添加逻辑：你直接将新聊天面板加到JViewport上，而不是inner_background（滚动面板的内容容器）。JViewport一次只能显示一个组件，每次添加都会替换原有内容，导致面板被覆盖。
2. 硬设固定尺寸：给inner_background手动设置preferredSize会让布局管理器失效，滚动条无法根据内容自动调整。
3. 测试按钮添加位置错误：createScrollingList中把按钮直接加到scrollPane上，而非inner_background，违背JScrollPane的使用逻辑。

具体修改步骤 #

1. 修正聊天面板添加逻辑
   在EventListeners的回车事件里，将新面板加到inner_background，并触发布局更新与自动滚动：

   // 替换原viewport.add(chatPanel);代码
   JPanel chatPanel = new JPanel();
   chatPanel.setPreferredSize(new Dimension(280, 30)); // 调整为合理尺寸
   chatPanel.setBackground(Color.YELLOW);
   // 加到内容容器而非viewport
   ChatUI.inner_background.add(chatPanel);
   // 更新布局并刷新
   ChatUI.inner_background.revalidate();
   ChatUI.inner_background.repaint();
   // 自动滚动到底部显示最新消息
   JScrollBar verticalBar = ChatUI.scrollPane.getVerticalScrollBar();
   SwingUtilities.invokeLater(() -> verticalBar.setValue(verticalBar.getMaximum()));
   

2. 移除固定尺寸设置
   删除createScrollingList中的以下两行代码，让布局管理器自动计算容器尺寸：

   inner_background.setPreferredSize(new Dimension(300, 1000));
   scrollPane.setPreferredSize(new Dimension(400, 1000));
   

3. 修正测试按钮添加位置
   将测试按钮加到inner_background上：

   // 替换原scrollPane.add(button);
   inner_background.add(button);
   

4. 移除重复组件添加
   删除layeredPane.add(inner_background, Integer.valueOf(0));，因为inner_background已经作为scrollPane的视图组件，无需重复添加到layeredPane。

优化建议 #

• 给聊天面板添加边距：用chatPanel.setBorder(BorderFactory.createEmptyBorder(5, 10, 5, 10));让消息之间有间隔，更符合聊天界面样式。
• 避免使用null布局：setBounds和null布局会导致界面适配性极差，建议用BorderLayout、BoxLayout等布局管理器管理组件位置。

内容的提问来源于stack exchange，提问作者PokeCedGo