2010-12-17 3 views
1

Flex 4アプリケーションでデフォルトのテーマ(Spark Default)を選択した場合、chromeColorの値を変更するだけで、テーマが効果的にテーマの基本色を変更します。Flex 4のテーマを色で変える方法はありますか?

この同じ概念を使用する新しいテーマを作成する特別なテクニックはありますか?新しいテーマがよりグラフィカルなテーマの場合はどうなりますか?

私のアプリケーションにはいくつかの基本テーマが用意されていますが、それぞれのテーマには独自のカラーバリエーションがあります。

答えて

1

テーマを作成する方法を探している場合は、簡単にGoogleのFlex Create Themeを使用して回答を得ることができます。正直なところ、「テーマ」を得るためのいくつかの異なる方法を使用していたことから、私はswcベースのテーマを作成することが、ほとんどの場合に必要であり価値があるとは知らない。基本的には、コンパイル時に変更する複数のCSSファイルを作成するオプションです。実行時に変更したい場合は、CSSをSWFにコンパイルできます(フラッシュビルダーではCSSを右クリックしてswfにコンパイルします)。あなたは実行時にこれらをロードすることができます http://livedocs.adobe.com/flex/3/html/help.html?content=styles_10.html 個人的には、コンポーネント開発とスタイリングが少なくなりますが、主な職業はスタイリングです。私はSASSの使用について偉大なことを聞​​いてきました(Googleでは基本的にプログラムスタイルのCSSとあなたのための1つのCSSファイルを作るが、すべての種類のクールなものを行うことができます)これを整理し、更新しやすいように維持する。

\ Program Files \ Adob​​e \ Flex Builder 3プラグイン\ sdks \ 3.4 \ファイルシステムの相対的な場所をチェックして、フレームワーク\テーマ (SDKのバージョンは、ダウンロードまたはインストールされた内容に応じて異なります)

+0

質問はSpark(Flex 4)に固有です。 –

+0

Googleのテーマの多くはまだFlex 3を指しています。正直言ってSparkの "スキンニング"は、あまり実用的ではない傾向のある指示を見つけたとしても、大変な作業です。 – Manius

1

トリッキーなことは、カスタムスキンがSkinクラスではなくSparkSkinから拡張されていることを確認することです。 SparkSkinには、カラー変換を適用して、スキンのすべての要素(オーバーライドされた "colorizeExclusions"ゲッターで返された要素を除く)にchromeColorを適用するロジックがあります。 SparkSkinのchromeColorビヘイビアを利用するコンポーネントスキンを作成する典型的な例については、デフォルトのButtonSkinを見てください。

あなたのスキンでグラフィック要素を使用することについては、それらがグレースケールであり、chromeColorがうまく適用されることを確認してください。

希望に役立ちます。