テキスト

TextBlock 要素

Silverlight コントロールにテキストを追加するには、TextBlock 要素を作成し、 テキストコンテンツを <TextBlock> タグの間に追加します。 以下の例は、TextBlock を使って、テキストを表示しています。

[hide XAML]

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   
  <TextBlock>hello world!</TextBlock>
</Canvas>

[hide] [restart]

一般的な TextBlock プロパティ

UIElement が持つ Clip や Opacity のようなプロパティに加えて、 TextBlock 要素には、以下のような追加のプロパティがいくつかあります。

• FontSize: フォントのサイズ。ピクセル単位。
• FontStyle: フォントのスタイル。Normal、Italic、 Oblique のいずれか。
• FontWeight: フォントの重み（太さ）。Thin、ExtraLight、Light、Normal、Medium、SemiBold、Bold、 ExtraBold、Black、ExtraBlack のいずれか。
• FontFamily: フォントのタイプフェースを示すファミリー名。
  ※訳注: フォントファミリーに、日本語フォント名は使えません。
• Foreground: TextBlock の内側を塗りつぶすための Brush。単色、グラデーション、イメージが使える。 詳細については 描画と塗りつぶし を参照。

以下の例は、これらのプロパティを示しています。

[hide XAML]

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <TextBlock FontSize="40"
      FontFamily="Georgia"
      FontStyle="Italic" FontWeight="Bold"
      FontStretch="Expanded"
      Canvas.Top="20" Canvas.Left="20">
      
      Hello world!
      
      <TextBlock.Foreground>
        <LinearGradientBrush>
          <GradientStop Color="SlateBlue" Offset="0.0" />
          <GradientStop Color="Black" Offset="1.0" />
        </LinearGradientBrush>
      </TextBlock.Foreground>
  </TextBlock>
</Canvas>

[hide] [restart]

Run 要素

Run 要素を使うと、ひとつの TextBlock の中で異なるフォントを混在させることができます。 Run は、TextBlock と同じフォントプロパティを持ちますが、 Canvas.Left や Canvas.Top プロパティで位置を変えることはできません。 以下の例は、ひとつの TextBlock の中で、Run 要素を使って テキストの一部分だけのサイズを変更しています。

[hide XAML]

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   
  <TextBlock>
    Hello <Run FontSize="30">world</Run>
  </TextBlock>
</Canvas>

[hide] [restart]

複数のフォントの指定

あらゆるフォントが、どのマシンにもあるわけではありません。 FontFamily プロパティは、最初のフォントが使えない場合に備えて 複数のフォントを指定できるようになっています。 "Portable User Interface" は、どのマシンでも常に使えるフォントです。 以下の例は、さまざまな FontFamily の設定を示しています。

[hide XAML]

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   
  <TextBlock FontFamily="Arial, Times New Roman"
      Text="Hello World" FontSize="20"/>
  <TextBlock FontFamily="Times New Roman, Arial" Canvas.Top="40"
      Text="Hello World" FontSize="20"/>
  <TextBlock FontFamily="Portable User Interface" Canvas.Top="80"
      Text="Hello World" FontSize="20"/>
</Canvas>

[hide] [restart]

次のステップ

次のトピック、メディア は、Silverlight コンテンツに音声や動画を追加する方法を解説します。