【翻译】Pro.Silverlight.5.in.CSharp.4th.Edition - 第五章 元素 01

目录：点击这里

上一篇：【翻译】Pro.Silverlight.5.in.CSharp.4th.Edition - 第四章 依赖属性和路由事件 03

到现在为止我们已经完成了XAML、布局以及鼠标键盘事件处理的基本原理的学习，现在我们可以研究一下用来创建各种用户界面的元素了。

      本章中，我们会大概了解Silverlight的核心元素，其中很多都是我们尚未接触过的。首先，我们会学到如何展示元素的包裹效果、TextBlock中的格式化文本以及如何用Image元素来展示图片。接下来，我们会学习内容控件（content control），其中包括Silverlight中的各种风格的按钮和ToolTip（提示框）控件。最后，我们会认识一些专业性更强的元素，比如Silverlight的列表、文本输入、范围和日历等控件。在学习完本章后，我们会这些构建出Silverlight页面的基本组成元素有一个立体的认识。

新版变化：Silverlight 5 新增加了两个基于RichTextBox的特殊控件：RichTextBlock和 RichTextBlockOverflow。使用这些控件，我们就可以只通过较少的工作量就可以将文本内容用多列的方式来显示，并且可以实现文本和图片环绕在一起的效果。在“富文本块（RichTextBlock）”这一章节中我们会详细讲述这方面内容。

Silverlight元素

我们已经见过不少Silverlight的核心元素，比如第3章中的布局容器。还有一些专业性更强的元素，比如用于绘制2D图像、用于展示深度缩放图片已经用于播放视频的那些元素会在本书的后面几章才讲到。本章主要讲解的Silverlight中的那些基本元素，比如按钮，文本输入框，下拉列表和复选框等等。

      表5-1概括了Silverlight中的关键元素并且标明了其对应的章节。这个清单是按照VS中工具箱中的元素的字母顺序排列的。

表5-1 Silverlight中的元素

      在第1章中，我们了解到：Silverlight应用程序如果引用了一些非核心的控件，那么这些控件会自动被编译进XAP文件中，这样在程序部署的时候无须多余设置就包含了这些控件。正如在表5-1的最后一列所看到的，非核心控件还是占少数，即使是像MultiScaleImage这种特殊性很强控件也属于标准Silverlight控件包的一部分。

      在本章接下来的内容中，我们会对表5-1中的部分控件进行仔细分析，在那之后，我们就了解了如何在应用程序中自定义这些控件。

Silverlight中包含了Label控件，不过这个控件是用于数据绑定这种情况，我们将在第21章中讨论它。显示格式化文本块最好的方式是用轻量级而且灵活性高的TextBlock元素，我们在前面四个章节中已经看到很多用到了TextBlock的示例了。

      TextBlock元素的用法非常直截了当：它的Text属性值就是我们要展现的出来的字符串内容。

<TextBlock Text="This is the content."></TextBlock>

      或者我们可以将这段文本作为内嵌内容：

<TextBlock>This is the content.</TextBlock>

       这种方式的最主要优点是可以增加换行符和制表符，这样可以让代码中的大段文本的可读性更高。Silverlight遵循XML的标准规则，这意味着空格会被压缩（collapse）。因此，多个空格、制表符和回车这些都会被替换成单个空格。

      将文本在确定的位置分成多行的方法有三种。第一种是使用多个TextBlock元素；第二种是TextBlock中使用LineBreak，如下所示：

<TextBlock>
   This is line 1.<LineBreak/>
   This is line 2.
</TextBlock>

      第三种方式是在TextBlock元素上加上属性xml:space="preserve"，这就会告诉XAML解析器对起始标签的结束符号“>”和结束标签的起始符号“<”之间的所有空格、制表符和回车都如实解析。示例如下：

<TextBlock xml:space="preserve"
>This is line 1.
   This is an indented line 2.</TextBlock>

        这种方式可以做到对文本块的格式进行任何细微的调整。不过由于细节内容太严格，它对于实际应用程序来说不太适用。

备注：使用内联文本的时候，不可以使用“<”、“>”这两个符号，因为它们属于XML中的特殊字符。我们需要使用“&lt;”（less than）和“&gt;”（great than）来分别代替“<”、“>”这两个尖角括号。

      意料之中，默认情况下文本的颜色是黑色。我们可以使用Foreground属性改变文本的颜色。我们可以在XAML中用如下方式来进行颜色设置：

<TextBlock x:Name="txt" Text="Hello World" Foreground="Red"></TextBlock>

 　　或者在代码中用：

txt.Foreground = new SolidColorBrush(Colors.Red);

       我们也可以用RGB值来代替颜色名称。另外，我们还可以使用半透明的颜色，这样可以让背景透过展示出来。这些内容我们已经在第3章中关于如何给面板加上一个背景这个话题中讨论过了。

<TextBlock x:Name="txt" FontFamily="Times New Roman" FontSize="18">
Some Text</TextBlock>

txt.FontFamily = "Times New Roman";
txt.FontSize = "18";

       简短的字符不足以用来识别出FontFamily。这就意味着我们不能简单地使用Times或者Times New来代替Times New Roman这个完整名称。

      我们可以使用字体的完整名称来得到斜体或者粗体效果，这是一种可选择性的做法。如下所示：

<TextBlock FontFamily="Times New Roman Bold">Some Text</TextBlock >

      不过，更简洁明了、更灵活的方式还是FontFamily属性和其他属性（比如FontStyle、FontWeight）分开处理。比如，下面的这段XAML标记就是将FontFamily设置为Times New Roman，将FontWeight设置为FontWeights.Blod：

<TextBlock FontFamily="Times New Roman" FontWeight="Bold">Some Text</TextBlock >

标准字体

Silverlight提供了9个内置的核心字体，这可以保证程序内容能够准确地在各种支持Silverlight的浏览器和操作系统上呈现出来。如图5-1所示。

图5-1 Silverlight的内置字体

      图中所示的Lucida有两个名称稍有不同的种类。Lucida Sans Unicode是Windows中的，而Lucida Grande则是Mac OS X中的，这两个本质是一样的。FontFamily属性支持字体选择倒回以保证这种机制可以正常运行——换句话说，我们可以将多种字体用逗号分开，那么Silverlight会选用客户端PC第一个支持的字体。默认的TextBlock字体其实就相当于设置了FontFamily属性为字符串“Lucida Sans Unicode, Lucida Grande.”。

      可能你会想：我可以更多的特定字体，不管客户端电脑是否提供这些字体。然而，Silverlight不允许这样做。如果我们设置了一个字体既不是Silverlight内置的9种字体之一，也不是应用程序集中已嵌入（后续将会讲到）的字体，那Silverlight就会忽略这个字体，这和客户端电脑是否安装了对应的字体没有关系。这样设计是有它的道理的——毕竟，如果使用了只在某些机器上支持的字体，这会导致应用程序在其他客户端上显得凌乱、不可读，而这种错是很容易犯的。

字体嵌入

如果我们想在应用程序中使用一个非标准的字体，我们可以将这个字体嵌入到应用程序的程序集中。这样就不会出现找不到我们所需要的字体的问题了。

      嵌入操作的过程很简单。首先，将字体文件（典型的字体文件都是以.ttf作为扩展名）添加到应用程序中，并且将Build Action设置为Resource。做法就是在VS的资源管理器中选择这个字体文件，然后再属性页面中修改Build Action设置。

      下一步，在设置FontFamily属性的时候，我们要按照如下格式处理：

字体文件名称#字体名称

      比如说，如果我们选择的字体文件的名称是BayernFont.ttf，它包含的字体名称为Bayern，那么我们对应的标记就是这样的：

<TextBlock FontFamily="BayernFont.ttf#Bayern">This is an embedded font</TextBlock>

      如图5-2是最终运行效果。

图5-2 使用嵌入字体

      另一种方式是我们可以使用包含了这个字体文件的流来设置字体。这种情况下，我们需要设置用字体文件的流来设置TextBlock.FontSource属性，然后再用相应的字体名称来设置TextBlock.Family属性。比如说如果我们将BayernFont.ttf文件作为一个项目（假定项目名称是“FontTest”）的一个资源，我们可以用如下代码来实现字体的设置：

StreamResourceInfo sri = Application.GetResourceStream(
new Uri("FontTest;component/BayernFont.ttf", UriKind.Relative));
lbl.FontSource = new FontSource(sri.Stream);
lbl.FontFamily = new FontFamily("Bayern");

       为了能从正确的当前程序集中找出对应的资源，代码中使用了Application.GetResourceStream()方法，URL参数使用了如下这样特殊的语法：

程序集名称;component/字体资源名称

      不管使用哪种方式，使用自定义字体的过程还算是比较简单的。然而，字体嵌入涉及到许可问题。大多数字体的提供商允许他们的字体嵌在文档（比如PDF）中，但是不能在程序中（比如Silverlight程序集）。原因很明显：用户可以手动下载XAP文件，解压缩之后便可以获取字体文件然后在其个人电脑上是使用。Silverlight在字体许可问题上没有做强制手段，不过你在使用某个字体之前务必保证是在法律许可的前提下。

      我们可以微软的免费字体属性扩展功能来检查字体的嵌入许可权限（详见www.microsoft.com/typography/TrueTypeProperty21.mspx）。安装后，在字体文件上点击右键，选择属性就可以看它的完整细节信息。选择Embedding标签就可以看到这个字体的嵌入许可信息。如果标有“Installed Embedding Allowed”则表示适用于Silverlight应用程序，而标有“Editable Embedding Allowed”则可能不适用。这种情况下就得和字体提供商进行协商了。

<TextBlock TextDecorations="Underline">Underlined text</TextBlock>

<TextBlock FontFamily="Georgia" FontSize="20" >
This <Run FontStyle="Italic" Foreground="YellowGreen">is</Run> a
<Run FontFamily="Comic Sans MS" Foreground="Red" FontSize="40">test.</Run>
</TextBlock>

图5-3 使用多个Run对象实现文本的格式化

      Run对象中所支持的关键格式化属性和TextBlock一样，包括Foreground、TextDecorations和那5个字体属性（FontFamily、FontSize、FontStyle、FontWeight和FontStretch）。

      从技术的角度来说，Run对象并不是真正的元素。它其实是个内联（inline）标签。Silverlight提供了两种内联标签——前面所介绍过的LineBreak类和现在看到的Run类。我们可以通过TextBlock.Inlines这个集合来读取TextBlock里的Run对象。实际上，TextBlock有两种重叠的内容模型。我们可以直接Text属性来设置文本，也可以通过Inlines集合来处理显示的文本内容。不过，任何一种方式的操作都会影响到另一种方式，也就是说如果我们之后设置了TextBlock的Text属性，那么之前这个TextBlock的内联集合数据就都抹掉了。

<TextBlock FontSize="20" CharacterSpacing="100">
　　These letters are spaced out.
</TextBlock>