[Silverlight]TextBlock控件全攻略

叁歲伎倆 2022-01-16 15:01 328阅读 0赞

TextBlock是Silverlight中的一个既有用又常用的控件。我们可以通过TextBlock呈现只读的文本，如

[![image][]][image 1]

很好很方便。

为了更好的控制呈现的文字，M$为该控件提供了很多属性，下面做一个介绍

**1. FontFamily.** 顾名思义，字体名称

[![image][image 2]][image_image 2]

注意，若需要在Silverlight中添加对中文字体的支持，请参考[Silverlight 2 Beta 2 加载中文字体完全解决方案][Silverlight 2 Beta 2]

**2. FontSize.** 文字大小，以像素为单位

[![image][image 3]][image_image 3]

**4 FontStyle**: 可设置两种值: Normal, Italic（斜体）

[![image][image 4]][image_image 4]

**5 FontStetch.** 按比例缩放文字，它提供一些枚举值 如下表

<table> 
 <tbody> 
 <tr> 
 <td align="center"> 值 </td> 
 <td align="center"> usWidthClass </td> 
 <td align="center"> 普通纵横比的百分比 </td> 
 </tr> 
 <tr> 
 <td align="center"> UltraCondensed </td> 
 <td align="center">1</td> 
 <td align="center"> 50.0% </td> 
 </tr> 
 <tr> 
 <td align="center"> ExtraCondensed </td> 
 <td align="center">2</td> 
 <td align="center"> 62.5% </td> 
 </tr> 
 <tr> 
 <td align="center"> Condensed </td> 
 <td align="center">3</td> 
 <td align="center"> 75.0% </td> 
 </tr> 
 <tr> 
 <td align="center"> SemiCondensed </td> 
 <td align="center">4</td> 
 <td align="center"> 87.5% </td> 
 </tr> 
 <tr> 
 <td align="center"> Normal </td> 
 <td align="center">5</td> 
 <td align="center"> 100.0% </td> 
 </tr> 
 <tr> 
 <td align="center"> Medium </td> 
 <td align="center">5</td> 
 <td align="center"> 100.0% </td> 
 </tr> 
 <tr> 
 <td align="center"> SemiExpanded </td> 
 <td align="center">6</td> 
 <td align="center"> 112.5% </td> 
 </tr> 
 <tr> 
 <td align="center"> Expanded </td> 
 <td align="center">7</td> 
 <td align="center"> 125.0% </td> 
 </tr> 
 <tr> 
 <td align="center"> ExtraExpanded </td> 
 <td align="center">8</td> 
 <td align="center"> 150.0% </td> 
 </tr> 
 <tr> 
 <td align="center"> UltraExpanded </td> 
 <td align="center">9</td> 
 <td align="center"> 200.0% </td> 
 </tr> 
 </tbody> 
</table>

这里要注意，这些值是否起作用还要取决于你选择的字体。

**6 FontWeight.** 文字的胖瘦。可设置为Thin, ExtraLight, Light, Normal, Medium, SemiBold, Bold, ExtraBold, Black, ExtraBlack.这些值是否起作用还要取决于你所选择的字体。

[![image][image 5]][image_image 5]

**7. Foreground.**  通过这个属性可以设置文字的前景色填充。不但可以使用颜色值，还可以通过设置solid color, gradient, image 及 video笔刷进行填充。还是那句话：很好，很强大

[![image][image 6]][image_image 6]

**6. TextDecorations.** 对文字的修饰，当前Silverlight2只支持underline.

[![image][image 7]][image_image 7]

**7. Runs.** 你可以在TextBlock中使用Run标签创建内联元素，每个Run都可以设置上面提到的属性。

[![image][image 8]][image_image 8]

另外这里还要介绍一下TextBlock中文字换行的技巧

当我们使用了一个固定宽度的TextBlock时，默认情况下文字会被截断而不自动换行，如下面的例子

<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100">
 <TextBlock> 
 露露神鱼非典地雷炸弹化妆品等都是好人
 --年轻的F
 </TextBlock>
 </ContentControl>

[![image][image 9]][image_image 9]

我们可以通过设置TextWrapping属性的值为“Wrap”来强制其换行

<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100">
 <TextBlock TextWrapping="Wrap"> 
 露露神鱼非典地雷炸弹化妆品等都是好人
 --年轻的F
 </TextBlock>
 </ContentControl>

[![image][image 10]][image_image 10]

另外Silverlight还提供了LineBreak标签，它的作用相当于html中的 ,直接看例子

<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100">
 <TextBlock> 
 露露神鱼非典
 <LineBreak/>
 地雷炸弹化妆品等
 <LineBreak/>
 都是好人
 <LineBreak/>
 --年轻的F
 </TextBlock>
 </ContentControl>

[![image][image 11]][image_image 11]

Ok,今儿就到这儿～ 可能还有遗漏 日后补上

原文地址：[http://www.cnblogs.com/024hi/archive/2008/12/04/1347337.html][http_www.cnblogs.com_024hi_archive_2008_12_04_1347337.html]

[image]: /images/20220114/af2fc485d7f44072b44d623b21fb3f2a.png
[image 1]: http://www.cnblogs.com/images/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_2.png
[image 2]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_2.png
[image_image 2]: /images/20220114/3dd8313157904a3d9d018c218498e58c.png
[Silverlight 2 Beta 2]: http://www.cnblogs.com/tiscs/archive/2008/07/22/1249086.html
[image 3]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_3.png
[image_image 3]: /images/20220114/154b469fb1184c188e6d3a0394a289c2.png
[image 4]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_4.png
[image_image 4]: /images/20220114/6a71a3b452b040cb9fbd9864ce755ac7.png
[image 5]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_5.png
[image_image 5]: /images/20220114/ca00ecf2be2342c0add28690e3038240.png
[image 6]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_6.png
[image_image 6]: /images/20220114/5e77d05c9c814fa0a81c664691c1b24f.png
[image 7]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_7.png
[image_image 7]: /images/20220114/e4efc6c5f478405abc1625c6a925c2a8.png
[image 8]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_8.png
[image_image 8]: /images/20220114/3413a367627e4ba88cc609d49a1ed352.png
[image 9]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_9.png
[image_image 9]: /images/20220114/e3faa2ba588e415a85d3a90c9238f70b.png
[image 10]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_10.png
[image_image 10]: /images/20220114/8becd42edf474ffe977d41880e850760.png
[image 11]: http://images.cnblogs.com/cnblogs_com/024hi/WindowsLiveWriter/Silverlight2TextBlock_8148/image_thumb_12.png
[image_image 11]: /images/20220114/8d0c1442f2234be6877e6d1416a6f101.png
[http_www.cnblogs.com_024hi_archive_2008_12_04_1347337.html]: http://www.cnblogs.com/024hi/archive/2008/12/04/1347337.html