默认的datagrid标题栏是灰的，而且还有隔行异色，放在主体颜色是蓝色的页面里面感觉很难看，所以想改变一下datagrid的样式，让它看起来更柔和一点- -

先 设置背景色，以及横纵分割线，不再使用默认的黑色分割线，代码如下：

 

 
  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <s: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" > 
  5.     <fx:Declarations> 
  6.         <!-- 将非可视元素（例如服务、值对象）放在此处 --> 
  7.     </fx:Declarations> 
  8.     <mx:VBox  width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"> 
  9.         <mx:DataGrid  horizontalGridLines="true" horizontalGridLineColor="#CCCCCC" verticalGridLineColor="#CCCCCC" height="125" 
  10.                       alternatingItemColors="#FFFFFF"  borderColor="#CCCCCC"> 
  11.             <mx:columns> 
  12.                 <mx:DataGridColumn dataField="123" /> 
  13.                 <mx:DataGridColumn dataField="234"/> 
  14.                 <mx:DataGridColumn dataField="345"/> 
  15.                 <mx:DataGridColumn dataField="456"/> 
  16.                 <mx:DataGridColumn dataField="567"/> 
  17.                 <mx:DataGridColumn dataField="678"/> 
  18.             </mx:columns> 
  19.         </mx:DataGrid> 
  20.     </mx:VBox> 
  21. </s:Application> 
 
  
效果：
 
  
 
  
其中alternatingItemColors="#FFFFFF" 还可以这样写alternatingItemColors="[0x0000FF,0x00FF00,0xFF0000]"  这样就会每三行循环一次这三种颜色