ボタンのラベルを改行したい場合、Flex4ではどうするか。
ボタンスキンを変えましょう。maxDisplayedLinesを指定しなければOK
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21" alpha.disabled="0.5">
<!-- host component -->
<fx:Metadata>
<![CDATA[
/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("spark.components.Button")]
]]>
</fx:Metadata>
・・・
<!-- layer 8: text -->
<!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
<s:Label id="labelDisplay"
textAlign="center"
verticalAlign="middle"
horizontalCenter="0" verticalCenter="1"
left="10" right="10" top="2" bottom="2">
</s:Label>
</s:SparkSkin>
過去のログより
http://akabana.info/2006/09/29/button-label-wordra/
追記：
ラベルの左にアイコンを付けるには、ラベルとアイコンを表示すためのs:BitmapImage追加して、それらをHGroupで囲みます。
iconスタイルプロパティは、アイコン画像のパスか、埋め込み画像を指定します。
iconGapは、iconとlabelの間のギャップです。
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21" alpha.disabled="0.5">
<!-- host component -->
<fx:Metadata>
<![CDATA[
/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("spark.components.Button")]
]]>
</fx:Metadata>
・・・
<!-- layer 8: text -->
<!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
<s:HGroup
horizontalCenter="0" verticalCenter="1"
left="10" right="10" top="5" bottom="5"
gap="{hostComponent.getStyle('iconGap')}"
>
<s:BitmapImage id="icon" source="{hostComponent.getStyle('icon')}"/>
<s:Label id="labelDisplay"
textAlign="left"
verticalAlign="middle">
</s:Label>
</s:HGroup>
</s:SparkSkin>
タグ: flex4