Silverlight
文本元素―基本修饰
在
Silverlight
中
TextBlock
元素是大家最熟悉的文本元素,最近我学习了一些文本元素,总结了一下我们可能经常用到的文本元素的一些熟悉。希望对大家的学习
SIlverlight
有所帮助!
<TextBlock Text="……. "/>
这种方式可能是我们最常用的方式了。那么我们也可以用下面的形式来改变一下
TextBlock
所显示文本的形式。
<StackPanel x:Name="LayoutRoot" Background="AliceBlue">
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoMediumBlue"
FontSize
="24"
FontWeight
="Bold"
Foreground
="MediumBlue"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoBrown"
FontSize
="24"
FontWeight
="Bold"
Foreground
="Brown"
FontFamily
="Courier New"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoGreen"
FontSize
="24"
Foreground
="Green"
FontStyle
="Italic"
FontFamily
="Courier New"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoBlack"
FontSize
="24"
FontWeight
="Bold"
Foreground
="Black"
FontFamily
="Times New Roman"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoBurlyWood"
FontSize
="24"
FontWeight
="Bold"
Foreground
="BurlyWood"
FontFamily
="Comic Sans MS"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoAqua"
FontSize
="24"
FontWeight
="Bold"
Foreground
="Aqua"
FontFamily
="Georgia"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoBisque"
FontSize
="24"
FontWeight
="Bold"
Foreground
="Bisque"
FontFamily
="Trebuchet MS"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoChartreuse"
FontSize
="24"
FontWeight
="Bold"
Foreground
="Chartreuse"
FontFamily
="Arial"/>
<
TextBlock
Text
="24
号
?
字
Á?
体
¬?
,
ê?
加
¨®
粗
ä?
,
ê?
前
¡ã
景
¡ã
色
¦?
:
êoChocolate"
FontSize
="24"
FontWeight
="Bold"
Foreground
="Chocolate"
FontFamily
="Verdana"/>
</
StackPanel
>
效果如图所示:
看完这些文本显示不同效果之后,我们可能对
TextBlock
元素的属性还是不太清楚。
那么下面让我们来看看这些属性到底作用是什么吧!
FontFamily
:获取或者设置字体名称;
FontSize
:获取或者设置字号,单位是像素,当然这些值是飞负的;
FontStretch
:获取或者设置字体的拉伸程度;
FontStyle
:获取或者设置字体样式;
FontWeight
:获取或者设置字体粗细程度;
Foreground
:获取或者设置文本前景色;
TextDecorations
:获取或者设置文本的修饰效果。
另外
Silverlight
提供了一个
Run
对象,这个对象能够与
TextBlock
配合生成内容丰富的文本。
Run
对象的字体属性和
TextBlock
完全相同,下面我们通过一个小例子来说明一下
Run
对象的使用吧!
<
TextBlock
FontSize
="20"
TextWrapping
="Wrap">
<
Run
FontWeight
="Bold"
FontSize
="30"
Text
="T"/>
his is
<
Run
TextDecorations
="Underline">
Run
</
Run
>
<
Run
Foreground
=" Orange "
FontFamily
="Courier New" >
text element
</
Run
>
</
TextBlock
>
效果如图:
还有一种情况是当我们遇到大量的文本时,这些文本内容可能受到容器或者浏览器的限制,不能够完整的显示出来所有的内容,那么我们该怎么办的呢?我们现在又两种解决办法,
第一种办法是使用
TextBlock
对象自带的
TextWrapping
属性,这个属性用于指定是否开启自动提行功能,该属性包括
NoWrap
和
Wrap
两个成员。
第二种办法是使用
LineBreak
对象手动控制文本的提行。
LineBreak
对象使用方法和我们的换行符
<br/>
很是相像,我们只需要把
LineBreak
对象添加到自己所希望提行的位置就
OK
了。