Labelの3点リーダ(…)表示位置が気に入らないとき

2012年2月8日 propg Air, Flex, 0

Labelに文字が入りきらないときに、３点リーダ(…)という3つの点で表示を省略することができます。

<s:Label text="▼ラベルで指定した時" fontWeight="bold"/>
<s:BorderContainer minHeight="0">
<s:Label id="labelDisplay" width="100" height="20" verticalAlign="middle"
maxDisplayedLines="-1" lineBreak="toFit" left="0" right="0" top="0" bottom="0"
text="aaabbb-ccc@dummy.co.jp"/>
</s:BorderContainer>

指定は簡単なのですが、思った位置で省略してくれない場合があります。
そんな手前で改行してくれるなよと。

 

Labelで何とかしようと思ったのですが、なかなか都合よく省略してくれないので、代わりにRichTextを使ってみました。

<s:BorderContainer minHeight="0">
<s:RichText left="0" right="0" top="0" bottom="0" verticalAlign="middle"
width="100" height="20"
breakOpportunity="any" maxDisplayedLines="-1" lineBreak="toFit"
text="aaabbb-dev@dummy.co.jp"/>
</s:BorderContainer>

 

 

RichTextだと、”breakOpportunity“プロパティというのが使えます。
TextAreaでも使えます。

このプロパティは、テキストを複数の行に分割する場合に、どの文字を使用するかを指定するものです。
1行指定で、3点リーダ表示をしたい場合にもこの指定が有効です。

この指定をすれば、単語単位での改行判定をしないようにできるので、極力ギリギリのいちまで文字を表示できます。

 

 

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

..., 3点リーダ, Flex, Label, RichText

トビラシステムズの「トビラフォン」を契約しました [ExcelVBA] バイト単位の切り出し注意