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

Question

我在設置Spark DataGrids中的行顏色和文本顏色時遇到了很多麻煩，這超出了我的記憶。 這篇文章展示了如何設置它。

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">