在Spark DataGrid行中垂直對齊文本

Question

人們會認爲這些東西很容易 - 也許它們是。

我想使我的DataGrid行的高度比默認值大一點。問題是文本垂直對齊到行的頂部。我想垂直對齊到行的中間。

有沒有一種方法可以通過CSS或Flex 4.6中的蒙皮？請注意，我正在使用Spark DataGrid而不是MX版本。

感謝，

-Vic

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> 

並將其分配給DataGrid的財產「的itemRenderer 」。這是它:)

Answer 2

在我來說，我也創建了一個定製的網格項渲染器，而是一個GridItemRenderer我用DefaultGridItemRenderer：

<?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設置爲播放。