在阅读我的问题之前,先看一下GUI Diagram。
顶部有三个栏如下:
之后有两个信息栏。
之后是显示图表的画布窗口。
现在,我想要一个类似于此的GUI,具有以下功能(相对于上图):
首先,只有第一个条形图出现在它下方,没有图表的白色空白画布显示在整个GUI上。
当用户点击“图片视图”按钮时,第二个条形图出现在第一个条形图下方,之后相同的画布没有图表展开剩余空间
当用户点击第二个栏上的“应用程序”按钮时,第三个栏会出现在第二个栏的下方,之后同样的空白画布会在GUI中的剩余空间上展开。
我曾尝试通过首先使用BorderLayout的“主面板”来实现它。之后如下图所示:
mainPanel(Border Layout)
|
|--topPanel (at NORTH of the mainPanel's Border Layout)
|
|
|--centerPanel (at CENTER of the mainPanel's Border Layout)
topPanel - 包含所有栏(当用户点击按钮时,应动态添加栏)
centerPanel - 包含画布并在topPanel中添加新条形时自动调整其大小