問題タブ [clientbundle]

GWT クライアント バンドルで次のスタイルを使用したい:

.myClass tr:hover {
background: url("myImage.png") 185px 2px no-repeat;
}

次のように画像を宣言しました。

@Source("resources/myImage.png")
@ImageOptions(repeatStyle = RepeatStyle.None)
ImageResource myImage();

スタイルを次のように変更します。

@sprite .myClass tr:hover {
gwt-image: "myImage";
background-position: 185px 2px;
}

しかし、うまくいきません。生成された XYZ.cache.png にはいくつかの画像があります。したがって、firebug で background-position を変更すると、完全なイメージ バンドルが表示されます。

背景画像を正しい位置に移動するにはどうすればよいですか?

CSS イメージ スプライトを GWT UiBinder に表示するのに問題があります。GWT で画像スプライトを使用する方法を確認しましたか? 、しかし、提案されたことをすでに行っていることがわかりました。

、ネストされたインターフェースを備えたインターフェースui.xml、およびcssファイルがあります。ClientBundleCssBundle

ui.xml:

クライアントバンドル:

スプライト.css:

だから、私は自分のアプリをコンパイルします（これは文句を言いません）、ブラウザに画像がありません。Chrome の開発者ツールでページを確認すると、対応する div が難読化された css クラスを参照していることがわかりますが、どこにもそのクラスが定義されているのを見つけることができませんでした。

一方、を使用して画像を表示できました<g:Image resource="{resources.underTopGlow}" />。

このようなCSSスプライトを介して画像を表示するために欠けているステップはありますか?

アプリケーションにcssリソースを含めるための非推奨の方法でいくつかの問題が発生した後、ClientBundleを使用してcssファイルを含めることに熱心に取り組んでいます。

###。gwt.xmlファイルに次の行を追加しました。

次のようなインターフェイスを作成しました。

私のonModuleLoad（）メソッドでは、次のように呼び出しています。

私のcssファイルはランダムなcssファイルであり、gwtが追加される可能性はありません。

ブラウザでアプリケーションを呼び出すときに直面するエラーは次のとおりです。

忘れたものはありますか？

ClientBundle 実装を使用して、画像を大きなファイルに管理し、HTTP 要求を最小限に抑えようとしています。

gwt.xml に入れました

ClientBundle を生成する

パブリック インターフェイス ResourceBundle は ClientBundle を拡張します {

}

画像が見つかり、エラーはありません。

ここにコードがあります

@Override public void onModuleLoad() {

}

シンプルな Canvas を作成し、サイズを 800x600 に設定します。新しい Context2D オブジェクトを作成して、Context で Image を描画し、Canvas を RootPanel に追加します。

ログには次のように表示されます。

[20:10:21.676] - エンジンの始動 [20:10:21.851] - 可視: true [20:10:21.853] - http://127.0.0.1:8888/engine/7D39451825E9952050F44A6B8E2E15F3.cache.png

画像はログに記録された URL の下に存在するため、すべて問題なく表示されます。ただし、画像は描画されないか、描画されますが表示されません。

誰でもアイデアはありますか？

私は、ClientBundle がイメージをバックエンドの開始点としてロードすると考えました。したがって、すべての Image/Css などのインスタンスを取得すると、ロードされるのでしょうか?

よろしくマルクス

ClientBundle と @source Annotation を使用しようとしましたが、eclipse-project-settings を変更しないと、「src/main/resources」に設定された exlude-filter のために、Eclipse はリソースを見つけることができません。gwt -issueには、問題の詳細が説明されており、いくつかの (悪い) 回避策がリストされています。

この構成項目を .project-file から取得するために、pom (おそらく gwt-maven-plugin 部分) でリソース フォルダー/フィルタリングを構成する方法はありますか?

または、この問題の「本当の」解決策はありますか?

ドキュメントによると、次のようにuibinderテンプレートで使用する画像リソースを追加できます。

ただし、この例をそのまま使用すると、画像ファイル（Logo.jpg）がResources.javaと同じディレクトリ/パッケージに含まれている必要があります。画像ファイルをどこに置くべきですか？また、画像ファイルをsrcツリーに保持する必要がないように、ファイルパスをどのようにリストする必要がありますか？具体的には、mavenを使用しています-src / main / java / com / mygwtapp / clientではなく、src / main / webappに画像を配置したくないですか？

次のページから:開発者ガイド - CSS スタイル

最新のアプリでは、スタイルGWTを宣言する方法が 2 つあります。css

ClientBundle に含まれる CssResource の使用。UiBinder テンプレートでインライン要素を使用する。

などのGWTデフォルト スタイルをオーバーライドするために、これら 2 つの方法のいずれかをどのように使用しますか?gwt-Buttongwt-TextBox

html ページまたは .gwt.xml ファイルから参照する css スタイル シートを使用できることはわかっています。ただし、これらのメソッドは非推奨になっているため、これは避けたいと思います。

WebアプリケーションにGWTを使用しています。ここで説明されているようなTextresource（HTML-File）を含めようとしました：http
：//code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#TextResource次のようなエラーメッセージが表示されました：

MyHTMLResource.javaとリソースをパッケージ「my.package.resources」から削除し、それらをEntryPointClassがあるパッケージ「my.package.client」に入れると、すべてが正常に機能します。ただし、リソースファイルを他のファイルから分離したいと思います。

では、他のパッケージのリソースファイルとMyHTMLResource.javaファイルを移動するにはどうすればよいですか？.gwt.xmlファイルの何かを変更する必要がありますか？

前もって感謝します

一元化された場所で、

次に、他のすべての css ファイルで、mainColor再定義せずに を参照します。次に、mainColor を一度に変更すると、アプリ全体の色が変わります。

@Sourceこれまでのところ、CssResource 宣言ごとに 2 つのファイルを含め、常にグローバルな def ファイルを含めることが最善の方法だと思います。他の方法はありますか？