問題タブ [cssresource]

UiBinderを使用して次の単純なウィジェットを作成したとします。

作成した別の（親）ウィジェットでこの単純なウィジェットを使用するよりも：

達成したいのは、cssを使用してリスト内のWidget1エントリ間にある程度のマージンを確保することです。しかし、これは機能しません。GWTはcss名を難読化するためです。また、 inのあいまいな名前は.childWidgetStyleinParentWidgetとは異なります。結果のcssは次のようになります。.childWidgetStyleWidget1

したがって、マージン設定は適用されません。これを正しく行うにはどうすればよいですか？

UIBinderとMVPを使用してGWTウィジェットを作成しています。ウィジェットのデフォルトのスタイルは、TheWidgetView.ui.xmlで定義されています。

ウィジェットのCssResourceインターフェースは、TheWidgetView.javaで定義されています。

このウィジェットのコンシューマーがウィジェットのスタイルの一部をカスタマイズできるようにし、これをMyExample.ui.xmlに含めることができるようにしたいと思います。

そしてこれは彼らのMyExample.javaです：

ウィジェットにデフォルトのスタイルを設定できるが、ウィジェットのコンシューマーがそれらの1つをオーバーライドできる方法はありますか？インターフェイスがTheWidgetView.MyStyleを拡張する場合、ウィジェットコンシューマーのは、その親インターフェイスにリストされているすべてのスタイルを定義する必要があります。一部のウィジェットライブラリでは、ウィジェットのコンストラクターがClientBundleをパラメーターとして取り込んでいるのを見てきました。これは、CssResourceに適用できると思います。ただし、UIBinderによって呼び出されるコンストラクターでこのスタイルオブジェクトをどのように渡すかはわかりません。

よろしくお願いします！

私はこのようなことをする方法を探しています:

width 属性と height 属性の値は 4px になります。

この問題は、例で最もよく説明されています。

GWT アプリに次の ClientBundle があります。

はappStyle.cssアプリケーションで使用されるメインのスタイルシートで、defines.cssは次のような定数のみを含むスタイルシートです。

これで、defines.cssUIBinder テンプレート内のスタイルシートとアプリケーション コードで定数を問題なく使用できますが、appStyle.css.

スタイルシートから継承することで「子」スタイルシートの定数にアクセスできるようになることを期待して、すでに に置き換えてみましinterface Style extends CssResourceたが、GWT コンパイラーは次のようなエラーで不平を言います。interface Style extends DefinesDefinesStyle

これを達成する方法はありますか？

GWT が使用する CSS パーサーは CSS2 のみを処理することに気付きましたが、私は iPhone Safari をターゲットにしているので、CSS3 のものをいくつか使用できるようにしたいと考えています。プロパティについては、GWT が提供する関数を使用してうまくいきliteralましたが、CSS3 セレクター、特にnot()疑似クラスに問題があります。

私はこのようなCSSを少し持っています：

GWT がこのファイルをリソースとしてロードすると、次のようになります。

"(" が検出されました。次のいずれかが必要でした: "{" ","

関数はliteralプロパティに対してうまく機能しますが、私はこれを試しました:

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

""not (.__lod ):"" に遭遇しました。次のいずれかを期待していました: <IDENT>

ブロック全体を配置literalすると、エラーメッセージは消えましたが、これを使用するセレクターで参照されているすべてを ing しないとうまくいかないと思います@external(このファイルには他にもたくさんあります)。

1. それはうまくいきますか？
2. それを行うためのより優雅な方法はありますか？

GWT CssResource でいくつかの色を定数として定義し、それらの定数をアプリケーション全体で使用したいと考えています。しかし、私はそれを行う方法がわかりません。

私が試したことをお話しします。次のように ClientBundle と CssResource を作成しました。

Resources.css でいくつかの定数を定義しました。

Resources.css 内では、これらの定数を次のように使用します。

これらの定数を他の CSS ファイルや UiBinder テンプレートで再利用する方法を知りません。LoginView.ui.xml など、他の UiBinder ファイルでこれを行いたいと思います。

...しかし、コンパイルされていないようです。どうすれば目的を達成できるか知っていますか?

私はGWT 2.1.1を使用しています

パッケージresourcesには、png 画像と 1 つの css ファイルがあります。

私が書いたcssファイルに：

ClientBundle インターフェイス拡張を作成するよりも。このCSSと画像で。

UiBunder ビューよりも、css スタイルを変更しようとしています:

このコードを実行すると、textArea の css レイアウトが壊れていますが、class変更されていることがわかります (FireBug)。cssのバグのようです。

誰かがすでに同じことを試みたのかもしれません。

2つのソースフォルダーを持つEclipseGWTプロジェクトがあります。1つはソースコード用で、もう1つはリソース用です。これは正常に機能するはずですが、それでもEclipseは次のエラーメッセージを表示します。

リソースファイルstyle.cssがありません（com.example.gwt.clientで期待されています）

Resourcesソースコードのソースフォルダにクラスがある場合：

参照CSSファイルは、リソースに使用するソースフォルダーの同じパッケージにあります。

確かに動作するので問題ありませんが、とにかくエラーメッセージを消したいので緊張します。何か案は？

大規模な GWT 2.2.0 アプリケーションでは、動的 CellTable を使用したいと考えています。他のウィジェットとは異なり、CellTable は css スタイルに標準的な名前を使用しません (「gwt-MenuItem」など)。したがって、標準の css から CssResource に移行する必要があります。これには、次のように標準の「gwt-」スタイルも含める必要があります。

これはホスト モードで正常に動作し、Eclipse を使用してコンパイルできますが、ant を使用してコンパイルすることはできません。

これを日食以外でコンパイルするために何をしなければならないかについてのヒントが見つかりませんでした。コメントありがとうございます。

ウィジェットをパッケージ化して、任意のプロジェクトに簡単に含めることができるようにしたいと考えています。ユーザーが自分のホスト ページで個人的に作成したスタイル シートにリンクする必要はありません。コードを使用するときに css が魔法のように挿入されるようにしたいだけです。

CssResource がこの夢に向かっていくことができることは理解していますが、ドキュメントを精査した後、自然型セレクターへの参照が見つかりませんでした。たとえば、<tr>各ウィジェットにクラス名を追加せずに、ウィジェットで s のスタイルを設定したいと考えています。

これはGWTで達成できますか? GWT 独自のウィジェットはすべてかなり徹底的にスタイル設定されていますが、DOM のすべての要素にスタイル クラスが追加されているようです。