[Silverlight]TextBlock控件全攻略

TextBlock是Silverlight中的一個既有用又常用的控件。我們可以通過TextBlock呈現隻讀的文本，如

<TextBlock Text="露露非典神魚地雷炸彈什麼的"></TextBlock>      

很好很友善。

為了更好的控制呈現的文字，M$為該控件提供了很多屬性，下面做一個介紹

1. FontFamily. 顧名思義，字型名稱

<TextBlock Text="51MVC,just for MVC" FontFamily="Courier New"  Canvas.Top="100" Canvas.Left="100"></TextBlock>
<TextBlock Text="51MVC,just for MVC" FontFamily="Times New Roman" Canvas.Top="110" Canvas.Left="100"></TextBlock>
<TextBlock Text="51MVC,just for MVC" FontFamily="Verdana" Canvas.Top="120" Canvas.Left="100"></TextBlock>
      

注意，若需要在Silverlight中添加對中文字型的支援，請參考Silverlight 2 Beta 2 加載中文字型完全解決方案

2. FontSize. 文字大小，以像素為機關

<TextBlock Text="51MVC,just for MVC" FontSize="10" Canvas.Top="100" Canvas.Left="100"></TextBlock>
<TextBlock Text="51MVC,just for MVC" FontSize="20" Canvas.Top="110" Canvas.Left="100"></TextBlock>
<TextBlock Text="51MVC,just for MVC" FontSize="30" Canvas.Top="120" Canvas.Left="100"></TextBlock>      

4 FontStyle: 可設定兩種值: Normal, Italic（斜體）

<TextBlock Text="51MVC,just for MVC" FontStyle="Normal" FontSize="20" Canvas.Top="100" Canvas.Left="100"></TextBlock>
<TextBlock Text="51MVC,just for MVC" FontStyle="Italic"  FontSize="20" Canvas.Top="120" Canvas.Left="100"></TextBlock>      

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

值	usWidthClass	普通縱橫比的百分比
UltraCondensed	1	50.0%
ExtraCondensed	2	62.5%
Condensed	3	75.0%
SemiCondensed	4	87.5%
Normal	5	100.0%
Medium	5	100.0%
SemiExpanded	6	112.5%
Expanded	7	125.0%
ExtraExpanded	8	150.0%
UltraExpanded	9	200.0%

這裡要注意，這些值是否起作用還要取決于你選擇的字型。

6 FontWeight. 文字的胖瘦。可設定為Thin, ExtraLight, Light, Normal, Medium, SemiBold, Bold, ExtraBold, Black, ExtraBlack.這些值是否起作用還要取決于你所選擇的字型。

<TextBlock Text="51MVC,just for MVC" FontWeight="Normal" Canvas.Top="100" Canvas.Left="100"></TextBlock>
<TextBlock Text="51MVC,just for MVC" FontWeight="Bold" Canvas.Top="120" Canvas.Left="100"></TextBlock>      

7. Foreground.  通過這個屬性可以設定文字的前景色填充。不但可以使用顔色值，還可以通過設定solid color, gradient, image 及 video筆刷進行填充。還是那句話：很好，很強大

<TextBlock Text="51MVC,just for MVC" Foreground="Purple" Canvas.Top="100" Canvas.Left="100"></TextBlock>
        <TextBlock Text="51MVC,just for MVC" Canvas.Top="120" Canvas.Left="100">
            <TextBlock.Foreground> 
                <LinearGradientBrush> 
                    <GradientStop Color="#FF0000FF" Offset="0.0" /> 
                    <GradientStop Color="#FFEEEEEE" Offset="1.0" /> 
                </LinearGradientBrush> 
            </TextBlock.Foreground>
        </TextBlock>      

6. TextDecorations. 對文字的修飾，目前Silverlight2隻支援underline.

<TextBlock Text="51MVC,just for MVC" TextDecorations="underline" Canvas.Top="100" Canvas.Left="100"></TextBlock>      

7. Runs. 你可以在TextBlock中使用Run标簽建立内聯元素，每個Run都可以設定上面提到的屬性。

<TextBlock Canvas.Top="100" Canvas.Left="100">
        <Run TextDecorations="underline">51MVC,</Run>
        <Run Foreground="Purple"> just for MVC</Run>
        </TextBlock>      

另外這裡還要介紹一下TextBlock中文字換行的技巧

當我們使用了一個固定寬度的TextBlock時，預設情況下文字會被截斷而不自動換行，如下面的例子

<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100">
            <TextBlock>         
            露露神魚非典地雷炸彈化妝品等都是好人
            --年輕的F
            </TextBlock>
        </ContentControl>      

我們可以通過設定TextWrapping屬性的值為“Wrap”來強制其換行

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

另外Silverlight還提供了LineBreak标簽，它的作用相當于html中的<br />,直接看例子

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

Ok,今兒就到這兒～ 可能還有遺漏 日後補上

轉載于:https://www.cnblogs.com/024hi/archive/2008/12/04/1347337.html