プロプログラマ

プログラマーを職業としてます。 Flex,Air,C#,Oracle,HTML+JSの言語ノウハウを中心に情報発信していきます

[Flex] sparkのDataGridで列ごとの文字揃えを変更する

sparkのDataGridに指定した列に表示する値の文字揃え位置を変更する方法です。
itemrendererにDefaultGridItemRendererを指定して、スタイルにtextAlignをセットします。
他にフォント設定なども可能です。

ただし、縦方向の文字揃え(verticalAlignみたいな)はできないので、
その場合は、専用のItemRendererを定義する必要があります。

<s:DataGrid width="300" height="300" dataProvider="{dataList}">
	<s:columns>
		<s:ArrayList>
			<s:GridColumn headerText="col1" dataField="value1">
				<s:itemRenderer>
					<fx:Component>
						<s:DefaultGridItemRenderer textAlign="left"/>
					</fx:Component>
				</s:itemRenderer>
			</s:GridColumn>
			
			<s:GridColumn headerText="col2" dataField="value2">
				<s:itemRenderer>
					<fx:Component>
						<s:DefaultGridItemRenderer textAlign="center"/>
					</fx:Component>
				</s:itemRenderer>
			</s:GridColumn>
		</s:ArrayList>
	</s:columns>
</s:DataGrid>

mxのDataGridだったら、DataGridColumnにtextAlignが指定できたので簡単でした。
Flex4になってから、プログラムの難易度がかなり上がった気がします。
SkinやState,itemRendererの仕組みを理解しないと、ちょっとしたカスタマイズもできません。

文字揃えを変更するためだけのために、
ItemRendererを定義しなければいけないのはかなり面倒です。

何でも入りのコンポーネントをやめて、軽量化させることで、
プログラム言語としての完成度は上がったのかもしれませんが、
構造が複雑になり、初心者には扱いづらい言語になっていると思います。

 

== ランキングに参加しています。ぜひクリックお願いします ==

プログラム ブログランキングへ
にほんブログ村 IT技術ブログへ
にほんブログ村

, ,

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください