【.NET MAUI】ラベルLabelのプロパティまとめ【XAML】

今回は、.NET MAUIを学習していくに当たり、最も基本的そうな、Labelの使い方についてまとめていきます。

ラベルの作成

<Label Text="ラベル"/>

フォントの指定

<Label Text="ラベル１　ラベル２　ラベル３"
       FontFamily="BIZ UDPゴシック"/>

フォントサイズの指定

<Label Text="ラベル１　ラベル２　ラベル３"
       FontSize="30"/>

テキストスタイルの指定

Bold：太字　Italic：斜め

<Label Text="ラベル１　ラベル２　ラベル３"
       FontAttributes="Bold"/>

色の指定

色名もしくはカラーコード

<Label Text="ラベル"
       TextColor="Blue"/>

文字の間隔

<Label Text="ラベル"
       CharacterSpacing="10"/>

改行

Unicode 改行文字を使って改行

<Label Text="ラベル&#10;ラベル"/>

テキストの切り捨てと折り返し

切り捨て

<Label Text="ラベル１　ラベル２　ラベル３"
       LineBreakMode="NoWrap"/>

折り返し

<Label Text="ラベル１　ラベル２　ラベル３"
       LineBreakMode="WordWrap"/>

行数を指定する

MaxLinesが0の場合、表示されない

<Label Text="ラベル１　ラベル２　ラベル３"
       MaxLines="1"/>

<Label Text="ラベル１　ラベル２　ラベル３"
       MaxLines="2"/>

行の高さ指定

<Label Text="ラベル１　ラベル２　ラベル３"
       Label.LineHeight="4.5"/>

水平方向の配置を指定

Start：左寄せ（初期値）、Justify：折り返し時に、均等に配置
Center：中央

<Label Text="ラベル１　ラベル２　ラベル３"
       HorizontalTextAlignment="Center"/>

End:右寄せ

<Label Text="ラベル１　ラベル２　ラベル３"
       HorizontalTextAlignment="End"/>

垂直方向の配置を指定

LabelをVerticalStackLayoutなどの中に入れている場合は、そのレイアウトの方でVerticalOptionを使って垂直方向を指定する必要があるようです。

<Label Text="ラベル１　ラベル２　ラベル３"
       VerticalTextAlignment="Center"/>