2009-06-15 12 views
1

私は簡単な間違いをしているに違いありません。ここでmain.mxmlです:私が作っている簡単な間違いでなければなりません:FlexのCSSスタイルはトライアルのケースでは機能しません

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
       backgroundColor="#ff0000"> 
    <mx:Style source="/testing123.css"/> 
    <mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowlight" > 
    </mx:Canvas> 
</mx:Application> 

、ここtesting123.cssです:

.bg-lowlight 

    { 
     backgroundColor: #003366; 
    } 

キャンバスがデザインモード(素敵な深い青)の微細レンダリングするが、私はどちらかに(アプリケーションを実行するとブラウザまたはFlash Player)、フレームは赤色(Applicationタグの色)です。私がcanvasの色をstyleNameの代わりに直接指定すると、それは期待どおりに動作します(実行時には青いキャンバス)。

私はFlexBuilder3を使用していますが、Flexの各要素よりも.cssファイルに色を付けることをお勧めします。

ヘルプ!!!

***追加の問題の説明...外部の.cssファイルとは関係ありません。 main.xmlファイル内でCSSスタイルを宣言しても、デザインモードではまだ問題なく表示され、実行時には間違っています。私は完全に邪魔されています。あなたがアプリケーションを実行すると

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#ff0000"> 
    <mx:Style > 
.bg-lowlight 
{ 
    backgroundColor: #003366; 
} 
    </mx:Style> 
    <mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowlight" id="canvas1"> 
    </mx:Canvas> 
</mx:Application> 

答えて

0

だから... ... CookieOfFortuneの助けを借りて、私は、問題の根本を突き止め:

  • CSSクラス名(BG-LOWLIGHT)が無効でした。 ' - 'は許可されていません

論理的に何が起こったのか、私は推測します。

+0

あなたは本当に ' - 'がcssクラス名で許可されていないと思いますか? –

2

アクティブディレクトリは変化しないので、「/testing123.css/は」もはや正しいファイルを指します。

編集:実際には本当に迷惑です。

+0

mx:Styleタグの正しいsource =値を調べることができなかったので、bin-debugフォルダを見ました...そして.cssファイルはありません!私はそれがbinフォルダにコピーされていると仮定しました。それをどうやって(または.swfに)含めることができますか? –

+0

アドバイスありがとうございました...しかし、元の例を外部の.CSS定義の代わりに内部に変更しました。このファイルは設計時にはまだよく見えますが、実行時には間違っています。 –

+0

はキャッシュされたバージョンを実行していますか? – CookieOfFortune

関連する問題