flex学习笔记 datagrid（一）

发布时间：2020-12-15 04:59:54 所属栏目：百科来源：网络整理

导读：默认的datagrid标题栏是灰的，而且还有隔行异色，放在主体颜色是蓝色的页面里面感觉很难看，所以想改变一下datagrid的样式，让它看起来更柔和一点- - 先设置背景色，以及横纵分割线，不再使用默认的黑色分割线，代码如下： ? ? xml ? version = "1.0" ? enc

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

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

 
 
<?xml?version="1.0"?encoding="utf-8"?>?
  
  
<s: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"?>?

  
  
????<fx:Declarations>?

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

  
  
????</fx:Declarations>?

  
  
????<mx:VBox??width="100%"?height="100%"?horizontalAlign="center"?verticalAlign="middle">?

  
  
????????<mx:DataGrid??horizontalGridLines="true"?horizontalGridLineColor="#CCCCCC"?verticalGridLineColor="#CCCCCC"?height="125"?

  
  
??????????????????????alternatingItemColors="#FFFFFF"??borderColor="#CCCCCC">?

  
  
????????????<mx:columns>?

  
  
????????????????<mx:DataGridColumn?dataField="123"?/>?

  
  
????????????????<mx:DataGridColumn?dataField="234"/>?

  
  
????????????????<mx:DataGridColumn?dataField="345"/>?

  
  
????????????????<mx:DataGridColumn?dataField="456"/>?

  
  
????????????????<mx:DataGridColumn?dataField="567"/>?

  
  
????????????????<mx:DataGridColumn?dataField="678"/>?

  
  
????????????</mx:columns>?

  
  
????????</mx:DataGrid>?

  
  
????</mx:VBox>?

  
  
</s:Application>?

效果：

其中alternatingItemColors="#FFFFFF" 还可以这样写alternatingItemColors="[0x0000FF,0x00FF00,0xFF0000]"? 这样就会每三行循环一次这三种颜色

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!