【NGUI】UILabelの「Overflow」設定

NGUIでテキストを表示する際には[ UILabel]を利用します。 UILabelを使えば、テキストに色々なことが行えます。今回はその中の「 Overflow」について勉強をしていきたいと思います。

UILabel Overflow

Overflowは、UILabelに設定された文字の量によってどのような挙動をとればよいのかを指定できます。例えば、textに設定された文字の量に応じで表示する範囲を広くしたりできます。

Overflowには以下の項目があります。

[ Shrink Content]に設定をすると、文字が増えるにしたがい、文字の大きさがUILabelで指定された範囲内で小さくなります。文字の大きさが限界まで小さくなると、折り返しをして表示されるようになります。

予め文字が表示されるエリアが決まっている場合はこの設定をしておけば、外にはみ出る心配はありません。

[ Clamp Content]は、デフォルトの設定です。指定された範囲を超えると表示されません。

[ Resize Freely]は、指定された文字をそのまま引き伸ばして表示をします。

[ Resize Height]は、UILabelの範囲を下に伸ばしてtextを表示します。この場合は、横の範囲だけを指定することになります。

UILabelに関しては、ベタ書きで文字を指定する場合は少なく、スクリプト上から能動的に指定する場合が多いと思います。今回のOverflowの設定をしておけば、文字数が予想していた数字よりも大きくなっても対応ができます。 UIを崩さないようにするために是非活用をしましょう。