FLEX：可以在css文件中使用AreaStroke和AreaFill？

Question

我想簡化我的代碼，並可能添加到CSS文件：

<mx:AreaSeries styleName="timeArea" name="A" yField="A" areaStroke="{new Stroke(0x0033CC, 2)}" areaFill="{new SolidColor(0x0033CC, 0.5)}" /> 

能否將areaStroke和areaFill的CSS？結果是什麼？

感謝

Answer 1

所以，雖然你不能指定CSS中招，你可以指定筆劃的特性，即：

<mx:Metadata> 
[Style(name="areaFillColor",format="Color",type="Number)] 
[Style(name="areaStrokeColor",format="Color",type="Number)] 
</mx:Metadata> 
<mx:Script> 
<![CDATA[ 
    [Bindable] 
    protected var strokeColor:Number; 

    [Bindable] 
    protected var fillColor:Number; 

    override public function styleChanged(styleProp:String):void{ 
     super.styleChanged(styleProp); 
     //you really ought to do this in a switch statement 
     strokeColor = getStyle("areaStrokeColor"); 
     fillColor = getStyle("areaFillColor"); 
    } 
]]> 
</mx:Script> 

<mx:AreaSeries styleName="timeArea" name="A" yField="A" areaStroke="{myStroke}" areaFill="{myFill}" /> 

<mx:SolidColor id="myFill" color="{fillColor}" alpha=".3"/>  
<mx:Stroke id="s1" color="{strokeColor}" weight="2"/> 

而且你的CSS看起來像（其中myAreaChart是在父區域圖上設置styleName）：

.myAreaChart{ 
    areaFillColor: #f3f3f3; 
    areaStrokeColor: #333333; 
}