2016-04-07 2 views
0

Я хочу создать изменяемое по размеру изображение в GWT. Я только что нашел образец для изменяемых размеров панелей, см. Здесь: http://gwt-ext.com/demo/#resizablePanel. Но это не работает для изображений. Кто-нибудь может мне помочь?Как создать изменяемый размер изображения в GWT?

Спасибо! Jogi

+1

Надеюсь, что поможет: http://stackoverflow.com/questions/2260458/scaling-an-image-in-gwt –

ответ

0

Установить изображение в качестве фона для его контейнера (например, вашего вида) с помощью the following CSS rules, и при необходимости он изменит размер.

+0

ОК, это работает только тогда, когда виджеты не перетаскиваются :(Я использую gwt-dnd .. Вы знаете, что может быть проблемой? – Jogi

+0

Я не думаю, что установка контейнера для перетаскивания будет каким-либо образом повлиять на это. –

+0

Я использую HTML-виджет, в моем css я установил изображение как фоновое изображение , свойство resize: both и overflow: auto. Изменяется размер! Затем я добавляю dragController.makeDraggable (myhtmlwidget), виджет перетаскивается, но больше не изменяет размер, но мне интересно, потому что отображается символ изменения размера. – Jogi

0

Виджет изображения - это переодевание <img />. Я считаю, что лучший способ изменить размер - это использовать класс css и установить его как имя стиля с шириной и высотой или использовать встроенный стиль, используя imageWidget.getElement(). GetStyle(). SetWidth или setHeight. В некоторых случаях можно использовать процентную ширину и/или высоту, но это зависит от атрибута отображения элементов и/или от размера доступных родительских элементов.

+0

okay, i созданный после css: div.resize {background-repeat: no-repeat; background-size: 100% 100%; border: 2px solid; padding: 20px; width: 120px; height: 50px; resize: both; overflow: auto; }, а затем я устанавливаю: inse rt2.setStyleName ("размер"); но это не работает :(Что не так? – Jogi

Смежные вопросы