2014-01-07 4 views
0

У меня есть кнопки в приложении на основе GWT. Каждая из этих кнопок включает изображение. Идея это показать только изображение, содержащееся внутри кнопки, но не саму кнопку, но наследуют возможности и свойства кнопки, так как я с помощью кнопок внутри HashMap:Создание прозрачной кнопки gwt

final Map<Button, Integer> buttonRowMap = new HashMap<Button, Integer>(); 

Я могу показать вам код связан с «проблемой»:

final Button gu = new Button(); 
buttonRowMap.put(gu, i); 
Image imggu = new Image("Imagenes\\Add.png"); 
imggu.setSize("25%", "25%"); 
gu.getElement().appendChild(imggu.getElement()); 
gu.getElement().setId(""+i); 
gu.setTitle("Modify"); 

результат я хочу, чтобы достичь его, чтобы показать изображение в моем GWT, как будто это была кнопка, но не показывая кнопку, что изображение он встроен в систему.

Может ли кто-нибудь помочь мне ?.

спасибо.

+0

Вы пытались расширить 'ButtonBase' вместо' Button'? –

+0

Расширить ButtonBase? Извините, я не знаю, что вы подразумеваете под этим, Арно. – Catersa

+1

Если вы не хотите отображать кнопки, почему бы не избавиться от них и не поместить изображения непосредственно на карту? Вы также можете добавить обработчики кликов к изображениям. –

ответ

1

Я бы порекомендовал сделать это с помощью css.

button.setSyleName("add") 

Тогда в CSS

button.add { 
    background: url(images/add.png) no-repeat center center fixed; 
    border: none; 
} 

Вы должны были бы поставить add.png в общедоступном каталоге в /images/add.png

Другой вариант заключается в том, что вы можете использовать CssResource и спрайт, чтобы добавить фоновое изображение к вашей кнопке.

+0

Хотя, это не то, что я делаю, я нахожу, что ваш ответ совершенно правдоподобен, и поэтому я отмечаю его как правильное. Благодаря! – Catersa

+0

Вы должны проверить функционирование cssresource и спрайт. Это ускорит ваш ui, поскольку он будет кодировать изображение для вас при компиляции и встраивании закодированного изображения в ваш css. Таким образом, браузеру не нужно получать изображение в виде отдельного http-get. http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html#CssResource –

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