gwt中的ImageButton

我必须在gwt中创建一个图像按钮，它使用三个图像（左侧图像、中心拉伸图像和右侧图像）。左侧图像和右侧图像具有圆角。中心图像要拉伸取决于按钮标题大小。创建的图像按钮应具有按钮的所有功能

---

有谁能帮助我实现这一点。

如果您需要圆角按钮，则有许多选项：

创建一个扩展decororPanel以创建圆角的新小部件。decororPanel将生成一个表（HTML）。您可能需要替换标准图像。查看GWT提供的standard.css以查找定义这些图像的样式，然后在自定义样式表中覆盖这些样式（查找css类“.GWT decororpanel”）。在小部件中，添加标签小部件以显示按钮文本，并在小部件上提供get和set方法以获取和设置内部标签的文本。标签将自动调整大小，迫使表格单元格变大

创建一个扩展组合的新小部件。小部件应该包装一个FlexTable。在同一行中使用3个单元格。将标签添加到中心单元格，并在小部件上提供get和set方法，以获取和设置内部标签的文本。标签将自动调整大小，迫使表格单元格变大。将适当的处理程序添加到FlexTable小部件。我建议您使用这些事件向适当的单元格添加或删除样式，并在样式表中定义背景图像

您可以创建自己的小部件。这要求您生成自己的HTML等，但这可能不会立即在每个浏览器中工作。我建议先尝试选项1或2

---

如果您可以限制按钮的最大宽度，则可以仅使用一个精灵图像。我们编写了一个CssButton类（extensdbutton），作为使用单个背景图像精灵创建圆形按钮的框架的一部分。该代码使用CSS剪辑根据按钮的宽度从精灵中选择正确的背景图像

主要优点是它扩展了普通的GWT按钮，并且在DOM中只使用一个按钮元素（轻量级）。缺点是按钮的最大宽度仅限于精灵中最宽的按钮图像

它还使用相同的精灵处理翻转和单击效果

---

如果您想进一步查看，代码位于GWT Portlet存储库中。

我差点忘了。。。还有一个CustomButton小部件，允许您对控件的外观和感觉进行更多控制。也试试吧。