今天学习的时候，要给一个vbox填充渐变的背景颜色，效果如图所示：

 

 

但是查属性发现只有backgroundColor 连backgroundImage都没有  我用的是spark主题，sdk4.5.1，<mx:VBox>实现不来效果，几经后找到了解决办法：

就是在mxml文件中的VBox里面直接做一个Group，然后里面做填充颜色，就像些皮肤一样。- -代码如下

 

 
  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
  3.                     xmlns:s="library://ns.adobe.com/flex/spark"   
  4.                     xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:logic="com.runqianapp.fastreport.view.logic.*" 
  5.                     width="100%" height="100%" fontFamily="宋体" > 
  6.     <fx:Declarations> 
  7.         <!-- 将非可视元素（例如服务、值对象）放在此处 --> 
  8.     </fx:Declarations> 
  9.     <mx:VBox verticalGap="0" width="100%" height="100%" > 
  10.         <mx:HRule strokeWidth="1" strokeColor="#CFD9F5" width="100%"/> 
  11.         <mx:HRule strokeWidth="1" strokeColor="#DCE4F7" width="100%"/> 
  12.         <mx:HRule strokeWidth="1" strokeColor="#EBEFFB" width="100%"/> 
  13.         <mx:HRule strokeWidth="1" strokeColor="#F8F9FE" width="100%"/> 
  14.         <s:Group height="100" width="500"> 
  15.             <s:Rect width="100" height="100"> 
  16.                 <s:fill> 
  17.                     <s:LinearGradient rotation="90"> 
  18.                         <s:GradientEntry color="#F8F9FE" alpha="1.0"/> 
  19.                         <s:GradientEntry color="#CFD9F5" alpha="1.0" /> 
  20.                     </s:LinearGradient> 
  21.                 </s:fill> 
  22.             </s:Rect> 
  23.             <s:Button label="123"/> 
  24.         </s:Group>            
  25.         <mx:HRule strokeWidth="1" strokeColor="#D7E3F5" width="100%"/> 
  26.         <mx:HRule strokeWidth="1" strokeColor="#D0DBF4" width="100%"/> 
  27.         <mx:HRule strokeWidth="1" strokeColor="#C9D5F2" width="100%"/> 
  28.         <mx:HRule strokeWidth="1" strokeColor="#C5D1F2" width="100%"/> 
  29.         <mx:HRule strokeWidth="1" strokeColor="#A5B8EA" width="100%"/> 
  30.     </mx:VBox>    
  31. </mx:Application> 
 
  
学习ING。。~~