問題タブ [clientbundle]

TextResource一連のandImageResource要素を定義する ClientBundle があります。

サイトの各ページに対して、特定のページのみのビュー/プレゼンターを実行するコード分割ポイントを設定する予定です。

私の質問は、logo() という ImageResource と fooJs() というテキスト リソースがあるとします。MyClientBundle.INSTANCE.logo()MyClientBundle.INSTANCE.fooJs() from aGwt.runAsync` ブロックにアクセスするだけです。

他のページはMyClientBundle.INSTANCE、それらのページに固有の他の画像/テキストリソースをロードするためにアクセスします (独自の GWT.runAsync ブロック内)。ただしlogo()、 andfooJsは 1 つのコード分割内でのみ参照されます。

私の質問は、logoイメージとfooJstextResource はコード分割ファイル内にのみバンドルされるのか、それともスタートアップ js または残りのフラグメントに追加されるのかということです。

基本的に私がやろうとしているのは、スクリプトの初期ダウンロード サイズを減らすために、すべてのページの画像/ビュー/プレゼンターを分割することです。

メッセージをロードするために GWT で ClientBundle を使用しようとしています。

これが私のコードです：gwt.xml

ClientBundle を拡張するインターフェース:

ここでは、EntryPoint クラスで画像を使用しようとしています。

そして、私が得るエラー:

画像は「resources」という名前のパッケージに配置されていますが、エラーから私が理解しているのは、 の行がGWT.create()問題のようだということです。

CSS リソース、クライアント バンドル、および UI バインダーの連携がどのように機能するかを深く説明できる人はいますか? GWT のドキュメントを調べましたが、この CSS リソースとインターフェイスがどのように生成されるかについては明確ではありません。ステップバイステップの説明が役立ちます。ありがとう！。

以下のリソースに基づいています。

http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html

ClientBundle イメージを背景イメージとして使用する

<g:Image>UIBinder テンプレートにGWT 画像リソースを正常に実装しました。

ただし、画像を a の子要素として追加しようとしています<g:MenuItem>。これは、GWT では純粋な HTML 要素のみを子として持つことができます。

画像は、サブメニューがアクティブになると変化する小さなウィジェット用です。

私の目標は、ClientBundle を介してすべてのリソースを処理し、WAR ディレクトリに何も置かないようにすることです。

<img>純粋な HTML画像の ClientBundle リソースを参照できますか?

代わりに、プログラムや CSS イメージ スプライトを使用してこれを行う必要がありますか?

2 つの質問があります。

質問1。この質問 (投稿のタイトル) は、ここからの最初の回答に対する @Cataclysm からの最後のコメントから直接取得されます。

dataGrid = new DataGrid<T>(pageSize, resource)、 UIBinder の CSS リソースを設定する方法は?

UIBinder で定義された DataGrid のスタイルを設定しようとしています:

この ClientBundle インターフェイス コードを使用すると、次のようになります。

そしてCDD_DataGridStyle.css：

これらの参照を使用して:

1. DataGrid / CellTable のスタイリングのフラストレーション -- 行スタイルのオーバーライド
2. http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/cellview/client/DataGrid.html
3. http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/cellview/client/DataGrid.Style.html
4. http://crazygui.wordpress.com/2011/11/01/how-to-skin-a-gwt-celltable/
5. https://code.google.com/p/google-web-toolkit/issues/detail?id=6144#c3

リファレンス 1 への回答から私が理解したことから、このリソース スタイル シートは、通常のクライアント バンドルのように「注入」されるのではなく、プログラムによってインスタンス化されたデータ グリッドにリソースとして渡される必要があります。

「新しくスタイルを設定したデータグリッドを構築するには、次のことを行う必要があります。

奇妙なことに、私は への参照を持っていますが、リソースを「設定」するためのAPI ドキュメントDataGrid @UIFieldにはメソッドがないようです (したがって、 UIBinder で既に定義されていることに関するこの質問に対する最後のコメントの再投稿としての質問- DataGrid/CellTable のスタイリングのフラストレーション - 行スタイルのオーバーライド)。DataGrid.java DataGrid

質問 #2: と の違いは何DataGridですかCellTable? どちらが正しい実装構文ですか?

(参照 2)の Google GWT API ドキュメントが、プログラムDataGrid.javaによるインスタンス化のみを詳述しているのはなぜですか? 拡張することはCellTable理解していますが、API サンプル コードで7 つのコンストラクターのいずれも使用しないのはなぜですか?DataGrid.javaAbstractCellTable.javaDataGrid

さらに紛らわしいことに、参考文献 4 と 5 では、クライアント バンドル インターフェイスを拡張する必要があることが示唆されていますがCellTable.Resources、参考文献 1 では拡張が推奨されていDataGrid.Resourcesます (このリンクも参照してください: http://federico.defaveri.org/?p=157 )。

リファレンス 5の最後の投稿 (#13) の「After」コード例を適用しようとしましたが、ネストされたインターフェイスがエラーをスローしました。

要約すると、UIBinder で定義された DataGrid 内のすべての要素をスタイル設定する最も簡単な方法を探しています。使用するリソース構文 (DataGrid と CellTable) の明確な説明があります。UIBinder から参照を削除し、必要に応じてプログラムでビューに挿入することもできます。よろしくお願いします!

私はGWTが初めてで、ドキュメントに従ってUIBindersを操作しようとしています。

以下の情報源などから、このトピックについて見つけたすべてのものをフォローしたと思います。
http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html#ImageResource http://www.gwtproject.org/doc/latest/DevGuideUiBinder.html#Using_an_external_resource
GWT UiBinder と画像スプライト

ImageResource から Image に変換できないというエラーが表示され、このエラーが他に見つかりません。

私がやったこと：
画像を見ることができるクライアントバンドルを作りました。
イメージを Java ファイルにバインドします。
クライアント バンドル リソースを UiBinder にインポートしました。

考え:
これは、UiBinders に画像を配置するための最も簡単で推奨される方法ですか?
CSS または Java クラスを介して行う必要がありますか?

これが私が持っているものです。

SiteHeader.ui.xml

SiteHeader.java

私のクライアントバンドル、

Images.java

ありがとう