問題タブ [cssresource]

GWT2.2 プロジェクトで CssResource と ImageResource を一緒に使用しようとしています。

CssResource と難読化は正常に機能していますが、画像へのアクセスに問題があります。

次の方法で、ui.xml ファイルから直接 ImageResource を介して画像にアクセスできます。

しかし、@sprite を使用して、外部の .css ファイル内から ImageResource を添付することはできません。

次のインターフェースがあります。

cssファイルにスプライトを追加すると、

次のエラー メッセージが表示されました。

gwt の CssResource.Import アノテーションの使用例は何ですか?

http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/resources/client/CssResource.Import.html

現在、私はこのようなgwtでCssResourceを使用するアプリケーションを持っています...

そして、CssResourceインターフェース

MyClientBundleをオーバーライドして、MyPinkThemedClientBundleという名前のインターフェイスを作成すると

そしてもちろん、MyPinkCssResourceはMyCssResourceを拡張します

私が抱えている問題は、これをコンパイルしようとすると、GWTコンパイラが「css/mainPinkVersion.css」にスタイル名「someStyleThatNeverChanges」がないという文句を言うことです。私は、cssresourceインターフェースがそのスーパークラスのバッキングcssファイルを継承すると思っていたでしょう。そうでない場合は、CssResourceを拡張して、気になるクラスだけをオーバーライドできるという効果を実現できますが、それ以外の場合は、スーパークラスのバッキング.cssファイルを使用できますか？

いくつかのcssクラスをメソッドに「マッピング」したいCssResourceがあります。

しかし、私はGWTが行う難読化をオフにしたい（少なくとも開発中は、firebugなどでのデバッグを改善するために）。

これを達成する簡単な方法はありますか？cssファイルで@externalを使用できることはわかっていますが、@ external .c1、.c2、.c3などのすべてのcssクラスを定義する必要があります。

@external。*のようなもので私の問題は解決しますが、少なくともgwt2.0.xでは利用できないようです。

私の現在の解決策は、以下を使用することです。

しかし、それは難読化をオフにするのではなく、それをより美しくします:)衝突を避けるためにobfが必要であることは知っていますが、私の場合はそれがなく、本当に難読化をオフにしたいです

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 を変更すると、完全なイメージ バンドルが表示されます。

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

GWT 2.4 Editor フレームワークを使用しています。エラーが表示された状態ですべてが機能していますが、エラーのスタイルを設定する方法がわかりません! スタイルは難読化されているため、CssResource の一部であるように見えます。これらをスタイリングする方法を知っている人はいますか？

スタイルを設定したいエラーは、ValueBoxEditorDecorator#showErrorsによって自動的に追加されたものです。

私はCssResourceを広範囲に使用していますが、生成されたhtmlはGWXSHFKADAishクラス名でいっぱいになっています。私はそれのすべての利点を手に入れますが、デバッグには、に変わるフラグを追加すると便利.selectedですGWXSTY_selected。これを行う方法はありますか？

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

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

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

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

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

ブラウザ固有のルールを使用するランタイムスキニングの変更を有効にするには、2つのCSSリソース機能（ランタイム置換とリテラル）を組み合わせる必要があります。

たとえば、動的なボタングラデーションを作成するには、次のようにします。

ここで、lightBgとdarkBgは、実行時に@evalを使用して評価されます。

問題は、GWTがリテラル文字列を解析しないため、これら2つの値を評価しないことです。こちらをご覧ください

出来ますか？ありがとう。