在gwt中的ImageButton

Question

我必须在gwt中创建一个图像按钮,它使用三个图像(左侧图像,中间拉伸图像和右图像).左侧图像和右侧图像具有圆角.中心图像想要拉伸取决于按钮标题大小.Created ImageButton应该具有Button的所有功能.

任何人都可以帮助我如何实现这一目标.

Answer 1

如果你需要一个带圆角的按钮,那么有很多选择:

1. 创建一个新的小部件,扩展DecoratorPanel以创建圆角.DecoratorPanel将生成一个表(HTML).您可能想要替换标准图像.查看GWT提供的standard.css来查找定义这些图像的样式,然后在自定义样式表中覆盖这些样式(查找CSS类".gwt-DecoratorPanel").在窗口小部件中,添加Label小部件以显示按钮文本,并在窗口小部件上提供get和set方法,以获取文本并将其设置为内部标签.标签将自动调整大小,强制表格单元格变大.

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

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