gwt - 将图像添加到我的 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);

Answer 2

这有效：

Image image = new Image();

Image.setWidth("100px");

image.setUrl('http://127.0.0.1:8888/images/accounts.png');

从本地服务器加载图像并将限制图像的大小。