入门4-了解Silverlight提供的TextBlock（文字区块）元素对象

最新推荐文章于 2013-10-25 15:38:40 发布

原创最新推荐文章于 2013-10-25 15:38:40 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#silverlight #url

本文介绍了XAML中TextBlock与Glyphs元素的详细用法，包括如何设置字体、大小、样式等属性，以及如何使用<Run>元素实现同一TextBlock内不同文本样式的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TextBlock用法如下：
================================================
<TextBlock
    FontFamily="字体名称"
    FontSize="字号"
    FontStyle="字体样式"
    FontWeight="字体粗细样式"
    Foreground="字体前景颜色"
    Width="文字区块宽度"
    Height="文字区块高度"
    Opacity="文字透明度"
    Text="消息正文"
    TextWrapping="字体换行" >
</TextBlock>
=================================================
主要属性值介绍：
FontFamily，个人可任意指定名字
FontSize，可以赋值1，2等数字，单位是pixel
FontStyle可以赋值如Arial,verdana等
FontWeight可以赋值如Thin,Light,Bold,Normal,Black等
Foreground可以赋值Red,green等颜色
Width可以赋值数字，如400，500等
Height可以赋值数字，如400，500等
Opacity可以赋值0~1.0的数字（0表示全透明，1表示不透明）
Text可以赋值各种文字
TextWrapping可以赋值Wrap,NoWrap,WrapWithOverflow

各实行都有一个default（默认）值，当有属性无赋值，或未定义，使用default（默认）值

请看以上示例，代码1：
==================================================
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="320" Height="100" Background="Gold">

</Canvas>
==================================================
将代码1粘贴到入门1中的myxaml.xaml文件中，后双击SampleHTMLPage.html运行，就可看到"Limingch Studio".
朋友们可以试着更改其中的属性赋值，看看有什么效果变化，这是一个很好的学习方法，可以更好的加深理解.

以上的所有文字都显示成同样的样式，如果希望文字显示样式可以不同怎么做？例如，让"Limingch"显示的大些，"Studio"显示的小些.
这里XAML提供了<Run>标记来实现这样的功能，请看代码2：
==================================================
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Run FontSize="22" FontStretch="ExtraCondensed">you</Run>
    <Run FontSize="34" FontStyle="Italic" Foreground="Blue">feel</Run>
    <Run>today!</Run>

</TextBlock>

</Canvas>
===================================================

将代码2粘贴到入门1中的myxaml.xaml文件中，后双击SampleHTMLPage.html运行
可以看到"How do you feel today!"使用了不同的样式显示，TextBlock里的属性，<Run>标记里都可以用！

下面还要介绍一下Glyphs文字雕刻:
Glyphs处理文字的饿方式和其他的文字元素对象不同，它可以保留文字样式化后的样式，而不会为后续的文字环境或向量调整而受影响或改动.

Glyphs基本用法：

<Glyphs
    FontUri="字体URL位置"
    FontRenderingEmSize="字号"
    StyleSimulations="样式"
    UnicodeString="文字信息"
    Fill="颜色"
    OriginX="x轴位置"
    OriginY="y轴位置"
</<Glyphs>

关于Glyphs用法略为复杂，接下来我会做详细介绍：）

　　　　　　　　　　锐意进取　大胆创新
　　　　　　　　　　　　蒙哥马利朱