フレックス：CSSをActionScriptに適用する方法

Question

私はFlex ActionScriptコンポーネントを持っています。どのようにしてこのコンポーネントにCSSを適用できますか？私は外部のCSSファイルからスタイルを適用できることを期待しています。

CSSセレクタファイルの 'global.cssを'：

.myPanel 
{ 
color:#cccccc; 
background-color:#333333; 
border-color:#ff0000; 
border-style:solid; 
} 

私のFlexコンポーネント：コンポーネントは、ActionScriptを使用して定義されている場合

package components 
{ 
import mx.containers.Panel; 

public class myPanel extends Panel 
{ 
public function myPanel() 
{ 
    super(); 
} 

override protected function createChildren():void 
{ 
super.createChildren(); 
} 
} 
} 

Answer 1

残念ながら、手動で定義する必要がありますあなたのコンストラクタまたはinit関数内のCSSスタイル（例：

）

//create and initialize css 
var myCSS:StyleSheet = new StyleSheet(); 
myCSS.setStyle("body", {fontSize:'15',color:'#000066'}); 
myCSS.setStyle("h1", {fontSize:'25',color:'#000000'}); 
myCSS.setStyle("h2", {fontSize:'19',color:'#000000'}); 
myCSS.setStyle("a:link", {color:'#0000CC',textDecoration:'none'}); 
myCSS.setStyle("a:hover", {color:'#0000FF',textDecoration:'underline'}); 
myCSS.setStyle("b", {fontWeight:'bold'}); 
myCSS.setStyle("em", {fontWeight:'bold'}); 

より簡単な方法は、 MXMLコンポーネントとしてコンポーネントを微ので、同じように、ヘッダーにスタイルシートを定義します。

<fx:Style source="../assets/css/global.css"/> 

そして、あなたのCSSファイル：

Answer 2

あなたの要素にスタイルを追加することができます。

this.setStyle('styleName', 'myPanel'); 

（これを確認する必要はありませんが、要素があれば動作します）この場合セレクタ

.myPanel 

は、CSSファイルの使用をロードするには

に動作します：あなたの中に

<fx:Style source="qx.css"/> 

MXMLファイル