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');

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

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

2 个答案: