如何設置行的文本顏色在Spark DataGrid中

Question

我已經有很多的麻煩，更多的時間比我還記得設置行的顏色和文本顏色的Spark DataGrid中。這篇文章展示瞭如何設置它。

Answer 1

要在網格項目行上設置文本樣式，我們需要創建一個新的DataGrid項目渲染器。

不幸的是，當我們在Flash Builder創建一個新的ItemRenderer它僅僅只有一個標籤創建了一個光禿禿的骨頭ItemRenderer的。默認情況下，它不會添加任何對狀態的支持。

要設置我們需要，我們需要創建懸停狀態的新的ItemRenderer，然後這些國家設定的顏色值的樣式。

<?xml version="1.0" encoding="utf-8"?> 
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx" 
        clipAndEnableScrolling="true"> 

    <s:states> 
     <s:State name="normal" /> 
     <s:State name="hovered" /> 
     <s:State name="down" /> 
     <s:State name="selected" /> 
    </s:states> 

    <s:Label id="labelDisplay" top="9" left="7" 
      color.normal="#171515" 
      color.hovered="#FFFFFF" 
      color.down="#FFFFFF" 
      color.selected="#FFFFFF" 
      /> 

</s:GridItemRenderer> 

然後，我們需要到DataGrid指向我們的項目渲染：

<s:DataGrid itemRenderer="view.renderers.AbstractDataGridItemRenderer">