web-dev-qa-db-ja.com

GWTボタンの画像

GWTボタンに画像を追加する方法、またはモザイクのボタンを使用して画像を追加する方法。コードで [〜＃〜] this [〜＃〜] の例を使用する方法がわかりません。どのライブラリを追加する必要がありますか。プロジェクトにモザイクライブラリがあり、それを使用できますが、そこにある例ではうまくいきません。

ありがとう

javagwtgwt-mosaic
20
Maksim

通常のGWTボタンに画像を追加したいだけの場合は、 PushButton が次の方法です。

PushButton pushButton = new PushButton(new Image("test.png"));
26
Igor Klimer

PushButtonの動作は同じではなく、画像タグを自分で作成するよりも優れたソリューションがあります。

Image img = new Image("whatever.jpg");
Button button = new Button();
button.getElement().appendChild(img.getElement());
24
Michael

または、この方法です。

Button editRow = new Button("Edit Row");
editRow.setHTML(("<img border='0' src='rowEdit.Png' />");

プッシュボタンには、通常のボタンにはないx、yクリックポイントの計算に問題があるようです。

4
Robin

画像でCSSとスタイルを使用するだけです。このようなものを使用すると、ボタンのテキストの前に画像が表示されます。

background-image: url("/yourimage.png");
background-repeat:  no-repeat;
height: 20px;
width:      20px;
2
David Parish

ボタン内のHTMLimgタグを次のように設定するだけです。

Button btn = new Button("<img src='image.png'/>");
1
Firas Sabbah