在开发画图工具的过程中,我遇到了一个问题:为什么画好的图形在窗口最小化或被遮挡后就会消失?我利用“数组”和“重绘机制”解决了这个问题。
- 问题的根源:
最初,我的绘图逻辑非常直接:在鼠标事件(如 mouseReleased)中,直接通过 Graphics 对象调用 drawLine 或 drawRect 方法。
然而,我很快发现,一旦窗口需要刷新(例如被其他窗口遮挡后重新显示,或最小化后还原),所有绘制的内容都会消失。这是因为:
绘图上下文是临时的:Graphics 对象就像一块画布,我们直接在上面画画。但操作系统或窗口管理器在需要时(如窗口刷新),会清空这块画布并调用组件的 paint() 方法,要求组件“重绘”自己。
缺乏数据记忆:我的程序只记录了“画”这个动作,但没有记录“画了什么”。当 paint() 方法被系统自动调用时,它不知道之前画过哪些图形,因此只能呈现一个空白的面板。 - 解决方案:数据与视图分离
为了解决这个问题,我采用了“数据与视图分离”的思想。核心思路是:不再直接“画”图,而是“记录”图形数据,然后让程序根据数据自动“重绘”。
这个方案主要包含三个步骤:
(1)创建数据模型 (Shapes 类)
我创建了一个 Shapes 类,它不再负责绘制,而是作为一个纯粹的数据容器。它包含了描述一个图形所需的所有属性,例如:
name: 图形的类型,如“直线”、“矩形”。
x1, y1, x2, y2…: 图形的顶点坐标。
这个类就像一张“图纸”,只记录图形的规格,不负责施工。
(2)使用数组 (shapeArr)
在事件监听器 DrawListener 中,我定义了一个 Shapes 类型的数组 shapeArr。
每当用户完成一个图形的绘制(例如,在 mouseReleased 方法中画完一条直线后),程序会:
创建一个新的 Shapes 对象。
将图形的类型和坐标等信息填充到这个对象中。
将这个对象存入 shapeArr 数组,并让索引 index 加一。
这样,所有绘制过的图形信息都被持久化地保存在了内存的数组中,即使窗口刷新,数据也不会丢失。
重写 paint 方法实现自动重绘 (Mpanel 类)
这是实现持久化显示的关键一步。我创建了一个自定义面板 Mpanel,并重写了它的 paint 方法。
paint 方法是Swing组件的绘制方法。每当组件需要显示时,系统就会自动调用它。通过在这个方法里遍历 shapeArr 数组,程序就能根据数组中保存的所有“图纸”,将图形一个不落地重新绘制出来。
3.总结
通过这次实践,我深刻理解到,在Swing等GUI编程中,所有持久的视觉内容都应该在 paint 或 paintComponent 方法中生成。
错误做法:在事件处理方法中直接获取 Graphics 对象进行绘制。这只适合临时性的视觉效果(如鼠标拖拽时的预览)。
正确做法:在事件中更新数据模型(如将图形信息存入数组),然后调用 repaint() 方法(在我的代码中,窗口刷新会自动触发 paint),通知系统“数据变了,请调用 paint 方法重绘”。paint 方法会根据最新的数据模型,完整地重建整个界面。