如何在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">