[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
總結
以上是生活随笔為你收集整理的[Silverlight]TextBlock控件全攻略的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 屏幕设计
- 下一篇: wow,My God,当当终于销售《走出