問題タブ [cssresource]

CSS リソースが使用されている場合、コード内の CSS 定義内から値を取得できますか?

例えば

widthJava クラスの 1 つからアクセスしたいのですが、コードを介して値を知ることはできますか?

前もって感謝します

その中にいくつかのクラスを含む GWTApplication に css があります。プログラムを介してクラス属性にアクセスしたいのですが、Java コードまたは CssResource を介してそれらにアクセスする方法はありますか。もしあればサンプルコードを教えてください。

一元化された場所で、

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

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

単純な CSS グリッド システムを GWT に移植中です。.size1私のCSSファイルには現在、などのクラスが.size2あり、次のようなCSSリソースがあります-

しかし、私が本当に欲しいのは、次のような単一の機能を持つことです-

実行時にサイズを整数として渡すと、適切なクラスが生成されます。これは、javascript でウィジェットに使用できる/必要な実際のスペースを決定するためにいくつかの計算を実行し、適切なクラス名を添付するために必要です。

これは GWT でも可能なことですか?

編集：明確にするために、私はそのような方法を自分で簡単に書くことができます-

ただしMyResource、これはインターフェースであり、その実装は実行時に GWT によって生成されます。これは、sizeメソッドをMyResource型に追加できないことを意味します。だから私はMyResourceクラスにカスタムメソッドを追加する方法を求めていると思います.

私は次のようなインターフェースを持っています

そして、私はgwt-PushButton-up、.gwt-PushButton-up-hovering、.gwt-PushButton-up-disabled、.gwt-PushButton-down、.gwt-PushButton-down-hovering、.gwt-を持つ標準的なプッシュボタンを持っていますPushButton-down-disable およびその他のスタイル

だから私は PushButton スタイルを設定します - confirmButton と独自の css を書きます

gwt を実行すると - なるほど -

私は何をすべきか？その .confirmButton-up は GGUR4G1EN-up に変換されます

私の英語でごめんなさい。

CssResource で、同じメソッドから複数のスタイル クラス名を返すことはできますか?

[コードの誤りをお許しください - 家で、記憶から再現しようとしています]。次のライブラリ コードがあります (これは変更できません)。

バンドルは簡単です:

および css リソース:

css1.css:

ここで、自分の css (css2.css) の別のスタイル (幅ではなく高さのみをオーバーライド) で "style1"を_部分的に_オーバーライドしたいと思います。ただし、私の css2.css は次のように宣言されています。

したがって、css1.style1 を css2.style2 (別のクラス名) で部分的にオーバーライドしたいと思います。

これが普通の HTML だったら、次のように書きます。

...css1 をインポートしてから css2...

ただし、これは GWT であるため、次のようなものが必要です。

および css リソース:

しかしもちろん、上記は GWT では不可能です。

1 つのスタイル メソッドごとに 2 つのスタイル クラス名を割り当てる方法はありますか?

GWT の CssResource にはほとんど問題がありません。AbsolutePanel とラベルのスタイルを変更したいのですが、実行されません。setStyleName メソッドでスタイル クラスを追加しても、何も起こりません。

このコード スニペットでは、リソースを使用します。

これは、CssResource を拡張する私のインターフェイスです。

これは、ファイルシステムの MyCss インターフェイスの隣にある私の css ファイルです。

カスタマー ビューは GWT Composite です。ビューに移動したいときは、プレゼンターで単に RootPanel.get("mainArea").add(view.asWidget) を呼び出します。mainArea は div 要素です。

Web inf の css ファイルに css クラスを貼り付けると、すべて正常に実行されます。誰かがこの問題を解決する方法を教えてもらえますか? ありがとう。

私も GWT の初心者であり、s の公式ドキュメントClientBundleをどれだけ読んでも、それらが何であるか、およびそれらが何をするかについて頭を包むことができないようです。CssResource、DataResource、TextResource、GWTCreateResourceなどについても同様です。

それらは、静的ファイル (CSS、JavaScript、または JSON ファイルのような静的データ ソースなど) の何らかのパフォーマンス最適化として存在すると思います。どうやら、それらは「注入可能」でもあり、静的な CSS/JS/JSON/etc であると想定されている場合、私には意味がありません。ファイル...

だから私は尋ねます：誰かが私にこれらのオブジェクトが何であるか、そしてそれらがどのように使用されているかについての現実的で簡単なキングズイングリッシュで簡単な説明をくれませんか? このインジェクションの動作例を大胆にお願いできますか (上記のリンクのコード スニペットはインジェクションについて述べていますが、実際にはそれを示していません!)。my-styles.cssこれらは実際のファイル ( 、dataTable-static-data.jsonなど)にどのようにマップされますか? 実際、これが私の最大の精神的ハードルだと思います。これらの Java オブジェクトを、それらが表す静的ファイルに関連付けることです。

また、なぜバンドルするのですか？他のプロジェクト間での再利用性? たぶん、それが注射可能性の出番ですか？私は困惑している。

GWT の ClientBundle と CssResource を使用して、css 定義を取り込みます。

画面サイズに応じてビューポートを設定したいと思います。CssResource 内でこれを達成する方法を知っていますか?

私の失敗した試み...テストを簡単にするために、代わりに背景の色合いを使用しました。ただし、すべてのデバイスの背景は緑です。

GWT [v2.5] コンパイラが警告を出します: [WARN] 行 x 列 12: "screen" に遭遇しました。次のいずれかが必要でした: "{" ","

ただの警告ですが、この場合は無視してはいけません。

私はこのCSSクラスを持っています:

このクラスは、GWT CssResource によってロードされます。

この行で適用されます：

これは Chome、Firefox、IE9 では正しく動作します が、IE8 ではこのスタイルが適用されず、ボタンが見苦しくなります:

(border-radius は IE8 ではサポートされていませんが、問題ありません)。

ところで、css スタイル クラスをシンプルなボタンだけを含むプレーンな HTML ファイルにコピーすると、IE8 でもうまく表示されます。

GWTの「内部」で同じ結果を得るにはどうすればよいですか?

前もって感謝します