前回に引き続き、今回もTextBlockの使用方法について見ていきます。

今回は、前景色の変更方法と改行の仕方です。

前景色を変更する。

通常前景色を変更するには Foregroundプロパティに色を指定します。

例えば、前景色を水色にしたい場合のXAMLは以下のようになります（わかりやすくするためForeground以外のプロパティを省略しています）。

<TextBlock  Foreground="SkyBlue">
    前景色を水色にする
</TextBlock>

上記では、全体の前景色が変更となってしまいます。

部分的に変更したい場合は 変更したい部分の文字を <Span Foreground=”前景色の色”> で挟みます。

例えば、先ほどの文字列の「水色」の部分だけを変更するには以下のようにします。

全体の前景色は<TextBlock>の属性のForegroundで指定し、部分的に変更したい箇所を<Span Foreground=”前景色の色”>で囲みます。

<TextBlock Foreground="White">
    前景色を<Span Foreground="SkyBlue">水色</Span>にする
</TextBlock>

改行する

改行をする場合は、改行したい箇所に <LineBreak />を入れます。

以下は、「Hello Store App」の「Hello」の後ろで改行する例です。

<TextBlock>
    Hello <LineBreak />Store App
</TextBlock>

Please follow and like us: