MAKOTO3.NET Blog

文字を表示するには<TextBlock>を使います。表示する文字を指定する方法は2つあります。1つは次のようにText属性で指定する方法です。

<TextBlock Text="表示する文字" ～ />

もう1つは、表示する文字を次のように<TextBlock>～</TextBlock>で囲む方法です。

<TextBlock>表示する文字</TextBlock>

もちろん、フォントやサイズを指定することもできます。次は、これらの基本的な使い方を盛り込んだサンプルです。

http://www.makoto3.net/xaml/silverlight0056/index.html

次がXAMLのソースです。赤がText属性で指定した例、青が<TextBlock>～</TextBlock>囲んだ例です。なお、Silverlight 1.0では日本語は表示できません。日本語には次の1.1(公開時は2.0になる予定)で対応予定です。

【myxaml.xaml】

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

 <TextBlock Text="Hello, Silverlight 1.0" Canvas.Left="10" Canvas.Top="10" />
 <TextBlock Canvas.Left="10" Canvas.Top="30" >Hello, Silverlight1.0</TextBlock>

  <TextBlock
  Canvas.Left="10" Canvas.Top="50"
  Text="Hello, Silverlight 1.0"
  FontFamily="Verdana"
  FontSize="25"
  FontStretch="UltraExpanded"
  FontStyle="Italic"
  FontWeight="ExtraBlack" />

  <TextBlock
  Canvas.Left="10" Canvas.Top="80"
  FontFamily="Cursive"
  FontSize="25"
  FontStretch="UltraCondensed"
  FontStyle="Normal"
  FontWeight="Light">
Hello, Silverlight 1.0
 </TextBlock>

 <TextBlock Canvas.Left="10" Canvas.Top="110" FontSize="20" Foreground="steelblue">Hello, Silverlight1.0</TextBlock>

 <TextBlock Canvas.Left="10" Canvas.Top="130" FontSize="20" Foreground="darkred">Hello, Silverlight1.0 </TextBlock>

</Canvas>

上記サンプルで使用した主な属性を、以下にまとめます（Canvas.Topなどは省略）。

なお、次はFontFamilyとFontWeightを切り替えるサンプルです。

http://www.makoto3.net/xaml/silverlight0063/index.html

JavaScriptでSilverlight 目次

このページは xfy Blog Editor  を利用して作成されました。