Java Vaadin-在图像顶部添加文本

Java Vaadin-在图像顶部添加文本,java,vaadin7,Java,Vaadin7,我正在用Vaadin构建一个自定义布局,我的图像充当按钮(带有clicklistener)。但是我也需要显示一些文本,我想在图像上显示,所以在图像内部。这是否可能?如果可能,如何实现 Image dayCourt = new Image(null, new FileResource(new File(basepath + "/VAADIN/images/9_Available_18_Available.png"))); 但是我也需要显示一些文本,我想在图像上显示,所以在图像内部。这是否可能?如

我正在用Vaadin构建一个自定义布局,我的图像充当按钮(带有clicklistener)。但是我也需要显示一些文本,我想在图像上显示,所以在图像内部。这是否可能?如果可能,如何实现

Image dayCourt = new Image(null, new FileResource(new File(basepath + "/VAADIN/images/9_Available_18_Available.png")));
但是我也需要显示一些文本,我想在图像上显示,所以在图像内部。这是否可能?如果可能,如何实现

Image dayCourt = new Image(null, new FileResource(new File(basepath + "/VAADIN/images/9_Available_18_Available.png")));
最直接的方法是在CssLayout中包装图像和标签(使用要放置在图像上的文本)。然后需要将样式名称添加到标签中。在您的主题中,您需要为标签设置z索引(使其浮动在图像顶部)(请参见:)并相对于CssLayout的角定位绝对到标签(请参见:)

此外,如果您的图像恰好是静态内容,即您不需要动态更改图像,您可以使用更简单的解决方案。您可以只使用标签,并将主题资源中的图像设置为标签的背景(请参阅:),而不用考虑CssLayout中两个组件的组合