の選択cssファイルを動的FLEX 3

Question

のボタンをクリックして、私たちは、ボタンのクリックに基づいてアプリケーションのテーマであるアプリケーションのスタイルを変更しているアプリケーションを作成する必要があります。

すべてが異なるCSSファイルを含むテーマをダウンロードしました。私はそのテーマを適用するためにアプリケーションのCSSを動的に宣言する必要があります。

私は、ファイル名Theme1.css、Theme2.css、Theme3.css、Theme4.css、Theme5.cssを持っています。

私はテーマ1]ボタンをクリックしたときに、私は、スタイルのソースとしてTheme1.cssファイルを適用する必要があります。テーマ2のボタンをクリックすると同様に、スタイルのソースとしてTheme2.cssファイルを適用する必要があります。

注：CSSファイルは、アプリケーションの両方のアプリケーションとコンポーネントのスタイルが含まれています。

は....ニースDAY

Answer 1

あなたはスタイルは、実行時に変更することができるように、SWFにCSSをコンパイルするために日食/ Flex Builderの内の施設を使用する必要があります。

また、現在のテーマのIDのインスタンス変数を維持しなければなりません。

これはあなたが探しているものですか？

public function switchTheme(theme:int):void { 
    StyleManager.unloadStyleDeclarations("assets/styles/Theme"+currentTheme+".swf"); 
    StyleManager.loadStyleDeclarations("assets/styles/Theme"+theme+".swf"); 
    this.currentTheme = theme; 
} 

各ボタンのクリックハンドラをswitchTheme関数に割り当て、テーマIDをパラメータとして渡します。

Answer 2

を持っている私は、あなたがループにすべてのコントロール1つずつコントロールにテーマを設定しなければならないと思います。例： デフォルトのテーマREDを設定し、ボタンが赤の場合はテーマを青に変更し、コントロールのループを使用してボタンの色を青に設定します。 はあなたが私は...

感謝を言って何を得ていないなら、私に尋ねる

ください....あなたにこの助けとなる可能性があります。

Answer 3

CSSファイルをSWFとしてコンパイルする必要があります。 Flash BuilderのエクスプローラウィンドウでCSSファイルを右クリックし、メニューから[CSSをSWFにコンパイルする]を選択できます。

次に、あなたのCSS情報を持つSWFファイルをロードするためにStyleManagerからloadStyleDeclarations()メソッドを使用します。

前の手順では、新しいスタイルをスタイルサブシステムに追加するだけです。古いスタイルを消去する場合は、まずunloadStyleDeclarations()メソッドが必要です。

falseを2番目のパラメータとして使用すると、StyleManagerはスタイルを無効にせず、ステージ上のコンポーネントのスタイル宣言チェーン/キャッシュを再構築します。これは遅くなるだけでなく、新しいスタイルを適用する前に既定のスタイルで画面を更新することにもなります。

あなたは、これに似た何かを持っている、とあなたがテーマを変更したい時はいつでも、適切なURLでapplyTheme('url/to/theme.swf')を呼び出すことができます。

private var currentThemeURL:String = 'themes/default.swf'; 

public function applyTheme(themeURL:String):void 
{ 
    StyleManager.unloadStyleDeclarations(currentThemeURL, false); 

    StyleManager.loadStyleDeclarations(themeURL); 
    currentTheme = themeURL; 
}