DataGrid的某行一闪闪的效果

参考自

http://topic.csdn.net/u/20081204/14/e728ed18-2f2d-4f8c-963f-9c308ab27ec1.html?seed=1339016200&r=60339413#r_60339413

 

要求：根据result的值来动态显示datagrid的某一行的背景色的例子，若result<60，则高亮显示

1、先重构一个DataGrid

<?xml version="1.0" encoding="utf-8"?> <mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml" initialize="init()"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; public var timer:Timer; public var array1:Array; public var array2:Array; public var s1:Array; public var rowIndex1:Array; public var y1:Array; public var height1:Array; public var color1:uint; public var dataIndex1:Array; public var idx:uint=0 ; public var arr:ArrayCollection=new ArrayCollection(); private function init():void { timer=new Timer(1); /* 1000ms == 1second */ timer.addEventListener(TimerEvent.TIMER, onTimer); } override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void { var list:XMLList=new XMLList(dataProvider) if(dataIndex < list.length() && list[dataIndex].@result<60) { //array1=[s,rowIndex,y,height,color,dataIndex]; var obj:Object=new Object(); obj.s=s; obj.height=height; obj.dataIndex=dataIndex; obj.y=y; obj.color=color; obj.rowIndex=rowIndex; arr.addItem(obj); } array1=null; timer.start(); } public function onTimer(evt:TimerEvent):void { var array:Array=new Array("0xFF6600", "0xDE46D6", "0xDEB887"); var max:uint = 3; var newIdx:uint = ++idx % max; var color2:uint=array[newIdx]; for(var i:int;i<arr.length;i++) { super.drawRowBackground(arr.getItemAt(i).s, arr.getItemAt(i).rowIndex, arr.getItemAt(i).y, arr.getItemAt(i).height, color2, arr.getItemAt(i).dataIndex); } //color=array[i]; } ]]--> </mx:Script> </mx:DataGrid>

2、再写一个主程序

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" width="400" height="300" xmlns:ns1="local.*"> <mx:Script> <!--[CDATA[ [Bindable] private var _record:XML=<list> <user name="小明" result="60"></user> <user name="小红" result="59"></user> <user name="小白" result="75"></user> <user name="小黑" result="38"></user> <user name="小青" result="80"></user> <user name="小文" result="100"></user> <user name="小鬼" result="99"></user> <user name="小东" result="40"></user> </list> ]]--> </mx:Script> <ns1:MyDataGrid dataProvider="{_record.user}" right="5" left="5" top="5" bottom="5"> <ns1:columns> <mx:DataGridColumn headerText="姓名" dataField="@name"/> <mx:DataGridColumn headerText="成绩" dataField="@result"/> </ns1:columns> </ns1:MyDataGrid> </mx:Application>