flex 容器填充渐变的背景颜色

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

?

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

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

?

 
 

<?xml?version="1.0"?encoding="utf-8"?>?
  
  

<mx:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"? ?

  
  

????????????????????xmlns:s="library://ns.adobe.com/flex/spark"? ?

  
  

????????????????????xmlns:mx="library://ns.adobe.com/flex/mx"?xmlns:logic="com.runqianapp.fastreport.view.logic.*"?

  
  

????????????????????width="100%"?height="100%"?fontFamily="宋体"?>?

  
  

????<fx:Declarations>?

  
  

????????<!--?将非可视元素（例如服务、值对象）放在此处?-->?

  
  

????</fx:Declarations>?

  
  

????<mx:VBox?verticalGap="0"?width="100%"?height="100%"?>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#CFD9F5"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#DCE4F7"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#EBEFFB"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#F8F9FE"?width="100%"/>?

  
  

????????<s:Group?height="100"?width="500">?

  
  

????????????<s:Rect?width="100"?height="100">?

  
  

????????????????<s:fill>?

  
  

????????????????????<s:LinearGradient?rotation="90">?

  
  

????????????????????????<s:GradientEntry?color="#F8F9FE"?alpha="1.0"/>?

  
  

????????????????????????<s:GradientEntry?color="#CFD9F5"?alpha="1.0"?/>?

  
  

????????????????????</s:LinearGradient>?

  
  

????????????????</s:fill>?

  
  

????????????</s:Rect>?

  
  

????????????<s:Button?label="123"/>?

  
  

????????</s:Group>?????????? ?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#D7E3F5"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#D0DBF4"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#C9D5F2"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#C5D1F2"?width="100%"/>?

  
  

????????<mx:HRule?strokeWidth="1"?strokeColor="#A5B8EA"?width="100%"/>?

  
  

????</mx:VBox>?? ?

  
  

</mx:Application>?

 
 

学习ING。。~~