16、GWT 开发：从自定义小部件到面板布局

GWT 开发：从自定义小部件到面板布局

在 GWT（Google Web Toolkit）开发中，小部件（widgets）和面板（panels）是构建用户界面的重要元素。下面将详细介绍如何创建自定义小部件以及使用和理解面板。

自定义小部件的创建

在 GWT 开发里，当标准小部件无法满足需求时，我们可以创建自定义小部件。下面以 PNGImage、TwoComponentMenuItem 和 ToggleMenuItem 这三个小部件为例进行说明。

PNGImage 小部件

PNGImage 小部件是对 GWT Image 小部件的扩展。由于该小部件需要处理的事件与 Image 小部件相同，通常无需包含新的 sinkEvents() 调用。不过，因为没有使用 super() 调用 Image 构造函数，所以必须明确指定要处理的事件。同时，由于 Image 类的 getURL() 方法在这个实现中不再适用，需要对其进行重写，使其调用特定于浏览器的实现以返回正确的值。另外，对于 PNG 图像，无法设置 URL，若有人尝试调用该方法，会抛出 RuntimeException。

创建 PNGImage 对象的代码如下：

PNGImage myImage = new PNGImage("star.png",100,100);

有了 PNGImage 类，就可以在 Dashboard 应用程序中表示垃圾桶图标，并在构建滑块时安全使用。

TwoComponentMenuItem 小部件

GWT 提