스파크 DataGrid 행에 세로로 정렬 된 텍스트

Question

이런 종류의 일은 쉽고 어쩌면 가능할 것이라고 생각합니다.

DataGrid 행의 높이를 기본값보다 약간 크게하고 싶습니다. 문제는 텍스트가 행의 상단에 수직으로 정렬된다는 것입니다. 그것을 행 중앙에 수직으로 정렬하고 싶습니다.

Flex 4.6에서 CSS 또는 스키닝을 통해 이러한 작업을 수행 할 수 있습니까? MX 버전이 아닌 Spark DataGrid를 사용하고 있습니다.

감사합니다, -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> 

을 그리고 데이터 그리드의 재산 "에 할당의 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과 함께 플레이하는 것입니다.