垂直对齐 Spark DataGrid 行中的文本

Question

人们可能会认为这类事情很容易——也许确实如此。

我想让 DataGrid 行的高度比默认值大一点。问题在于文本与行顶部垂直对齐。我想将它垂直对齐到行的中间。

有没有办法通过 Flex 4.6 中的 CSS 或 Skinning 来做到这一点？请注意，我使用的是 Spark DataGrid，而不是 MX 版本。

谢谢，

-维克

Answer 1

您需要创建自定义网格项目渲染器：

CustomGridItemRenderer.mxml：

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

<s:Label id="rendererLabel"
    verticalCenter="0"
    text="{data[column.dataField]}"/>

</s:GridItemRenderer>

并将其分配给数据网格的属性“itemRenderer”。就是这样：）

Answer 2

就我而言，我还创建了一个自定义网格项渲染器，但我使用了 DefaultGridItemRenderer 来代替 GridItemRenderer：

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

</s:DefaultGridItemRenderer>

这里的技巧是使用 textAlign。