9

GWT での一般的なアプローチは、パネルを使用してから、カスタム CSS テーマを適用してカスタマイズされた外観を取得することです。CSS をいじることで GWT アプリをある程度パーソナライズすることはできますが、他の人は一般的にスタイリングにどのようにアプローチしているのか疑問に思っていました。

私が Web で見つけた提案のいくつかは、HTMLPanel を使用してプレーンな HTML でレイアウトを管理することでした。このようにして、すべてのレイアウトをコーディングすることなく、アプリケーション内で HTML モックアップをすぐに使用できます。

では、GWT アプリケーションのレイアウトとカスタム スタイリングにアプローチするための最善かつ最も苦痛の少ない方法は何だと思いますか?

4

2 に答える 2

8

これまでのところ、私が見つけた最良のアプローチは次のとおりです。

  1. デフォルトのGWTテーマを削除します
  2. UiBinder可能な限り使用する
  3. ウィジェットを説明するui.xmlにCSSを配置します
  4. 多くのウィジェットで再利用されるルールを持つ1つのパブリックCommonCssResourceがあります

そうすれば、常に面倒な1つのグローバルスタイルシートを維持する必要がなくなります(一般的な問題:このルールはどこで使用されますか?)

于 2010-04-22T12:10:42.630 に答える
6

それはすべて-あなた、あなたの経験、あなたのチームなどに依存します:

  1. パネル、ウィジェット、および合成の通常の/古いアプローチは、操作が簡単で、使い慣れたものになります。
    • Swingなどのフレームワークの経験があるJavaプログラマーの場合(これがGWTチームのポイントだったと思います)、
    • または、一般的に「デスクトップの世界」から来た場合。
  2. UiBinderアプローチは新しいアプローチです 。
    • GWTの使用を始めたばかりの場合に推奨されます(UiBinderはここにとどまり、上記のアプローチよりも柔軟性があります)、
    • HTML / XMLの使い慣れた世界で作業するため、Web開発(または.NETのXAMLなどのマークアップを使用するデスクトップフレームワーク)の経験がある場合に推奨されます。
    • より大きなチームで作業している場合、Webアプリケーションの外観を担当するデザイナーを指名します(そして彼らはGWTを知らない/気にしません)。レイアウトをHTMLコードに分割することは、彼らにとって非常に簡単なはずであり、わずかな作業で、それらのテンプレートをUiBinderのXMLテンプレートに変換できます。

上記のアプローチはどれも完璧ではありません-だからこそ、彼らの長所と短所を知る価値があります-しかし、あなた/あなたのチームの能力を最もよく知っているので、最終的な決定はあなただけでなければなりません:)

于 2010-04-22T12:09:33.937 に答える