« 文字を表示する | トップページ | 特定の文字の書式だけ変更する Run »

2008/02/22

改行と文字の折り返し

<TextBlock>で長い文章を表示する場合、途中で改行するには<LineBreak/>を挿入します。また、自動的に折り返す場合は、Width属性で幅を指定し、TextWrappint属性で"Wrap"を指定します。Width属性が必要なので注意してください。次がサンプルです。

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

【myxaml.xaml】

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

 <TextBlock Canvas.Left="10" Canvas.Top="30" Foreground="crimson">
Silverlight is very exciting technology.But Silverlight 1.0 cannot handle Japanese. Silverlight 2.0 will can handle Japanese.
 </TextBlock>

 <TextBlock Canvas.Left="10" Canvas.Top="60" Foreground="green">
Silverlight is very exciting technology. <LineBreak/> But Silverlight 1.0 cannot <LineBreak/> handle Japanese. <LineBreak/> Silverlight 2.0 will can handle Japanese.
 </TextBlock>

 <TextBlock Canvas.Left="10" Canvas.Top="180" Width="280"   TextWrapping="Wrap"  Foreground="navy">
Silverlight is very exciting technology.But Silverlight 1.0 cannot handle Japanese. Silverlight 2.0 will can handle Japanese.
 </TextBlock>
</Canvas>

上のサンプルでは同じ文章を3つ使っていますが、いちばん上は<LuneBreak/>も使っていませんし、Width属性もTextWrapping属性も指定していません。このため、Silverlightのエリアから外に文章が切れています。

2番目は<LineBreak/>を挿入した箇所で改行されています。3番目はWidth="280"とTextWrapping="Wrap"を指定しているため、280ピクセルの幅で自動的に折り返されています。

JavaScriptでSilverlight 目次


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

« 文字を表示する | トップページ | 特定の文字の書式だけ変更する Run »

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/39246/40211042

この記事へのトラックバック一覧です: 改行と文字の折り返し:

« 文字を表示する | トップページ | 特定の文字の書式だけ変更する Run »

2009年7月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

最近のトラックバック