36

ImageResource を作成する Google/GWT の例は次のとおりです。

interface MyResources extends ClientBundle {
  @Source("image.png")
  ImageResource image();

  @Source("my.css");
  CssResource css();
}

@sprite .myImage {
  gwt-image: 'image';
}

ImageResources の使用方法とスタイル名の適用方法は理解していますが...

私のアプリケーションには、CSS と遅延バインディングを使用してさまざまなウィジェットに適用される複数のテーマがあります。したがって、.myImage クラスを使用したい CSS ルール (「背景」) を定義しましたが、何もしません。

background {
    background-attachment: fixed;
    background-image: .myImage;  //??  This is the question!
    background-size: contain
}

「背景」CSS プロパティ内で .myImage クラスを使用するための構文は何ですか? background-image の引数として .myImage クラスを指定できるはずです。

編集:さらに調査を行い、DataResource を使用してこれを行うための正しい構文を見つけました。

MyClientBundle extends ClientBundle {

    //Background Image
    @Source("resources/background.png")
    DataResource backgroundImage();

}

(マイパネル.css)

@url background backgroundImage;

.myPanel {
    border-radius: 0px;
    background-color:#ffffff;
    opacity:0.6;
    background-image: background;
}
4

4 に答える 4

1

「myImage」をスタイル名としてウィジェットに追加すると、それらのウィジェットの背景が設定されます...

于 2014-02-19T19:30:10.670 に答える
-1

このようなスタイルを使用できますmyResources.css.myImage。つまり、UiBinder でスタイルを使用したい場合はstyleName、この値を持つプロパティを使用して使用できます。

あなたの場合、 class を適用している場所ならどこでも、 を適用して背景画像を適用.myPanelできます。styleName='myResources.css.myImage'

これを Java で使用する場合 (つまり、UiBinder を使用しない場合)、次のように使用できます。

MyResources myResources = GWT.create(MyResources.class);
widget.setStyleName("myResources.css.myImage");

ここで widget は、背景を適用する Widget のオブジェクトです。

明確な理解のために、この説明を見ることをお勧めします。

于 2014-02-20T09:17:01.940 に答える