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