将图像添加到GWT应用程序的最简单方法是什么

Question

我有要显示的.jpg文件.我有一些水平和垂直面板,我想在那里的某个地方.这是一个相当大的图像,但我想创建一个类或一个对象,将为我缩小它.

我的第一个想法是把它放在像这样的水平面板中,但这似乎不像我想的那样工作

HorizontalPanel picturePanel = new HorizontalPanel();
picturePanel.setPixelSize(600, 300);
picturePanel.addStyleName("pic");

Css.css

.pic
{
    background: url(images/mypic.jpg);
    height: auto;
    width: auto;
}

我想设置一个对象(面板)的像素大小,并将图像添加到该面板,使其适合边界(同时确保比例与图片中的相同),以便我可以编程方式将其添加到某个小组.

Answer 1

public interface MyResources extends ClientBundle {

MyResources INSTANCE = GWT.create(MyResources.class);

@Source("logo.png")
ImageResource logo();
}

在您的视图类中

Image logo = new Image(MyResources.INSTANCE.logo()); 

将图像添加到面板; 设置分辨率到面板,并使用相应的设置

setPixelSize(int,int);