风云的银光志Silverlight4.0教程之富文本控件RichTextArea(RichTextBox)

微软于PDC2009上发布Silverlight 4 Beta版，微软在Silverlight 4版本中处理了约8000个的Silverlight终端用户的请求，加入了一系列另开发人员兴奋的新特性，最突出的主要体现在几个方面：

开发工具增强：Visual Studio 2010具有可视化的设计工具，创建项目时可以选择运行时版本是3.0还是4.0，BLEND4加入XAML和C#代码全方位智能感知功能、XAML的样式应用更为易用等。

摄像头与MIC硬件支持：可以用极少量的代码实现启用用户本机的WebCam和Mic，并可进行本地录制。

报表打印支持：报表打印问题在Silverlight4中得到的较好的解决。

更强大的基础类控件（RichTextBox、DataGrid增强版）：富文本控件RichTextBox和具有可粘贴、排序功能的DataGrid被加入。

WCF增强：终于支持TCP通讯，比较HTTP提升3-5倍，限于4502-4534端口。

兼容性增强：对Google的Chrome浏览器的支持。

MEF支持：MEF全称为Managed Extensibility Framework，译为“托管扩展框架”，支持创建大型复杂的应用程序。

运行速度提升：启动速度和渲染速度较前个版本提升约2倍左右。

DRM增强：支持PlayReady，可以对视频和音频的播放进行的保护，补充了对H.264的DRM保护。

其它增强：本地文件读写、鼠标右键事件支持、剪粘板支持。

富文本控件是TextBox控件的升级版，它不但支持用户的普通文本，还支持样式和添加更丰富的内容，例如：论坛发贴、写博客，这些都需要图文结合的输入框来完成，所以它是开发Web应用程序界面必不可少的东西，在Silverlight 4.0版本之前你可以使用三方的RichTextBox控件， 下载：http://www.componentone.com/SuperProducts/RichTextBoxSilverlight/，不过在Silverlight4中已将这个控件内置进来，它称之为RichTextArea，富文本域控件，本章中我们就使用RichTextArea制作一个常见的文本输入框，这个输入框除了可以输入简单的文字，还可以设置取选区的文本样式，添加图片和超链接元素。

在Silverlight中添加一个RichTextArea是没有我们平时看到的那些样式按钮，它的外观只是一个简单的TextBox，所以需要我们把功能按钮添加在界面上，这样才是一个RichTextBox控件，运行结果如下：

 

XAML：

1  < Grid x:Name = " LayoutRoot " Background = " White " Width = " 600 " Height = " 300 " >
2                  < StackPanel >
3                          < StackPanel Orientation = " Horizontal " Background = " Gray " >
4                                  < Button x:Name = " btnb " Width = " 30 " Height = " 30 " Content = " B "  
5                                                FontWeight = " Bold " Margin = " 2 " / >
6                                  < Button x:Name = " btni " Width = " 30 " Height = " 30 " Content = " I "  
7                                                FontStyle = " Italic " Margin = " 2 " / >
8                                  < Button x:Name = " btnu " Width = " 30 " Height = " 30 " Margin = " 2 " >
9                                          < Button.Content >
10                                                 < TextBlock TextDecorations = " Underline " Text = " U " / >
11                                         < /Button.Content >
12                                 < /Button >
13                                 < Button x:Name = " btnimg " Width = " 60 " Height = " 30 " Content = " 插入图片 " Margin = " 2 " / >
14                                 < Button x:Name = " btnlink " Width = " 60 " Height = " 30 " Content = " 插入链接 " Margin = " 2 " / >
15                         < /StackPanel >
16                         < RichTextArea x:Name = " richTextBox " Height = " 265 " >
17                         < /RichTextArea >
18                 < /StackPanel >
19         < /Grid >