1

ボタンがあり、その中のテキストとともにアイコンを設定したいと考えています。それらは、smartGwtのようにボタンにアイコンを追加するプロパティではありません..それを達成する方法があれば教えてください。

4

6 に答える 6

5

これを達成する方法はたくさんあります。

方法 1 : 簡単な方法

コードで背景画像を設定するだけです。 myButton.getElement().getStyle().setBackgroundImage("path");

方法 2: もう 1 つの簡単な方法

独自の html を設定する myButton.setHtml("Pass the html string");

方法 3: 簡単ですが、より細かく制御できます

myButton.addStylename("buttonStyle")

css を使用してスタイルを設定します

.buttonStyle{
color : red;
}

方法 4: 私によると最善の方法

image を最初のウィジェットとして、 button を別のウィジェットとして、flowpanelまたはhorizo ​​ntalPanelをラップする独自の分割ボタンを作成します。これにより、画像とボタンをさらに制御できます。ボタンだけでなく画像にもクリックハンドラーを設定でき、それぞれを個別にスタイルできます。

于 2013-02-07T08:35:27.780 に答える
1

これが、get:button でアイコンを設定する方法です。

追加のスタイル クラス フックを追加します。以下は btn-fa-group で、gwt ボタンに追加します。属性「addStyleNames」を使用すると、スタイルシートでそれらを定義して、複数のクラスを持つことができます。

<g:Button text=" Post Your Answer" enabled="false" ui:field="showPostButton" addStyleNames="btn btn-default btn-fa-group" />

CSS で次の宣言を定義します。

btn-fa-group:before {
    color: #333333;
    content: "\f0c0";
    display: inline-block;
    font-family: "fontawesome";
}

注意すべきいくつかの重要事項; before セレクターを忘れないでください。Unicode がスラッシュで始まり、fontAwesome がインストールされていることを確認してください。または、フォントがインストールされている場合は、別のグリフ アイコンを使用できます。

于 2013-12-06T11:48:48.443 に答える
0

ボタンの画像でinnerhtmlを設定できます。 

 Button button=new Button("<image src='abc.jpg' width='200px' height='300px' />Ok");
于 2013-02-07T04:57:24.667 に答える
0

ボタンにCssクラスを追加するのが最善の解決策です。

button.addStyleName（ "ButtonIcon"）;

ここで読むことができるCSSとHTMLを定義する方法。

于 2013-02-07T06:48:37.113 に答える
0 
Button bt = new Button();

bt.getElement().getStyle().setBackgroundImage("url('path/to/ur/image/imagename.extention')");

また、背景画像のサイズをボタンのサイズに設定します

bt.getElement().getStyle().setProperty("backgroundSize","30px");
于 2013-02-07T05:55:52.633 に答える
-1

はい、できます.GwtSmartGwtと呼ばれるタイプ ボタンがあります。push buttopn

com.google.gwt.user.client.ui.PushButton

以下のように Image オブジェクトを渡すことができます

Image  image = new Image(GWT.getModuleBaseURL() + "/images/search-arrow.png");
RootPanel.get().add(new PushButton(image));
于 2013-02-07T05:31:12.833 に答える