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

【问题标题】：What the easiest way to add a image to my GWT application将图像添加到我的 GWT 应用程序的最简单方法是什么
【发布时间】：2013-05-02 05:43:02
【问题描述】：

我有想要显示的 .jpg 文件。我有一些水平和垂直面板，我想把它放在那里的某个地方。这是一个相当大的图像，但我想制作一个类或一个对象来为我缩小它。

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

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

CSS.css

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

我想设置一个对象（面板）的像素大小并将图像添加到该面板，以使其符合范围（同时确保比例与图片中的相同），以便我可以通过编程方式将其添加到某处的面板中。

【问题讨论】：

标签： gwt

【解决方案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);

【讨论】：

这似乎没有将图像缩放到大小。我有一个大图像，我试图将它放入一个较小的框架（但不多）并且它不起作用（即，如果我将像素大小设置为 300、300，我只能看到实际图像的 300、300 像素

【解决方案2】：

这行得通：

Image image = new Image();

Image.setWidth("100px");

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

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

【讨论】：

我不明白这一点。 image.setUrl(slide.getFileImageUrlSmall());什么是幻灯片？
删除 getFileImageUrlSmall() 并将其替换为对图像的直接引用，即字符串 URL。