GWTボタンの画像

Question

GWTボタンに画像を追加するにはどうすればいいですか、またはモザイクのボタンを使って画像を追加するにはどうすればいいですか？私はどのようにTHIS私のコードで使用する方法を把握することはできません。どのライブラリを追加する必要がありますか？私は私のプロジェクトにモザイク図書館を持っています。私はそれを使うことができますが、そこにある例は私にとってはうまくいきません。

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

Answer 1

あなただけの通常のGWTボタンに画像を追加したい場合は、その後、PushButtonは進むべき道です。

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

私が発見したプッシュボタンは、そのXの計算に問題があるように見える、yは通常のボタンは持っていない、正しくポイントをクリックしてください。

Answer 2

あるいは、この方法：

おかげ

Answer 3

プッシュボタンが同じ動作を持っていない、とあなたが自分で画像タグを作成するよりもきれいソリューションを持っている：

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

Answer 4

と同じように、ボタンの内部HTMLのimgタグを設定します。

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

Answer 5

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

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