如何在Swing中实现类似IDEA控制台的JTabbedPane鼠标调整高度效果

IDEA控制台基础效果：

拖动边界调整大小效果：

该效果的核心实现逻辑是：可拖动调整的能力并非JTabbedPane原生自带，而是将JTabbedPane嵌套进JSplitPane拆分面板中实现的，不需要自行实现复杂的鼠标拖拽、布局重绘逻辑，具体实现步骤如下：

1. 基础布局结构 #

按照如下层级嵌套组件即可实现基础效果：

• 上层放主业务面板（如代码编辑区）
• 下层放承载控制台、终端等内容的JTabbedPane
• 两个面板共同放入垂直拆分模式的JSplitPane中，拖动拆分面板的分隔条即可调整上下两部分的高度

2. 核心实现代码 #

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

public class ResizableConsoleDemo {
    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            JFrame frame = new JFrame("可调整大小控制台Demo");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setSize(800, 600);

            // 主编辑区面板
            JPanel editPanel = new JPanel(new BorderLayout());
            editPanel.add(new JScrollPane(new JTextArea("主编辑区域内容")), BorderLayout.CENTER);

            // 控制台标签页
            JTabbedPane consoleTabPane = new JTabbedPane();
            consoleTabPane.addTab("控制台", new JScrollPane(new JTextArea("控制台输出日志")));
            consoleTabPane.addTab("终端", new JScrollPane(new JTextArea("命令行终端")));
            consoleTabPane.addTab("调试", new JScrollPane(new JTextArea("调试器输出")));

            // 核心：创建垂直拆分面板，绑定上下两个区域
            JSplitPane splitPane = new JSplitPane(JSplitPane.VERTICAL_SPLIT, editPanel, consoleTabPane);
            // 设置初始分隔条位置，70%高度给编辑区
            splitPane.setDividerLocation(0.7);
            // 拖动时实时更新布局，无需松开鼠标再刷新
            splitPane.setContinuousLayout(true);
            // 调整分隔条粗细，匹配IDEA的细分隔条视觉效果
            splitPane.setDividerSize(3);

            frame.add(splitPane, BorderLayout.CENTER);
            frame.setVisible(true);
        });
    }
}

3. 交互效果优化 #

如果需要完全对齐IDEA的交互体验，可以做两处额外调整：

• 自定义JSplitPane的分隔条UI，放大拖拽触发区域，哪怕分隔条视觉上只有1px宽，也能在边界附近3-5像素的范围内触发拖拽
• 给分隔条添加鼠标监听事件，悬停时切换光标为Cursor.N_RESIZE_CURSOR（上下拖拽样式），和IDEA的反馈效果一致
• 如需支持控制台一键收起/展开，可以额外给拆分面板绑定按钮事件，点击时自动将分隔条移动到窗口最底部/恢复上次记录的位置即可

4. 扩展说明 #

如果需要实现左右侧边标签页的宽度调整，只需要将JSplitPane的拆分模式改为JSplitPane.HORIZONTAL_SPLIT即可，其余逻辑保持一致。

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