Какой самый простой способ добавить изображение в мое приложение 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

Это работает: локальный сервер

Image image = new Image(); 

Image.setWidth("100px"); 

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

Нагрузки формы изображения и ограничивает размер изображения.

Answer 2

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