[Silverlight 4 RC]RichTextBox概览

我们知道在silverlight 4 beta的时候增加了RichTextArea的控件。做过RIA开发的朋友富媒体在动态文本的表现渲染方面是很弱的。我们看到的很多富媒体网站比如新闻模块，如果想要图文混排的板式的话很多都是新开一个Html页面来做的展示。
这里来看看silverlight 4 RC都带来了什么。
首先RichTextArea更名为RichTextBox。
RichTextBox他定义在“System.Windows.Controls”，这也就是说RichTextBox是silverlight内置的一个控件了，你并不需要再去添加“Silverlight Toolkit”的引用。
这里添加一个RichTextBox

?

1 2 3

<grid x:name="LayoutRoot" background="White">     <richtextbox> </richtextbox></grid>

RichTextBox支持了一种“模块”内容。这里模块可以包含“段落”元素（Paragraph elements）。这里段落元素有可以包含内嵌元素比如：粗体、链接、下划线。通过Inline的UI容器他还能包含图像元素、按钮控件等。

?

1 2 3 4 5

<richtextbox x:name="RTB">     <paragraph>         RichTextBox包含<bold>粗体</bold>内容.     </paragraph> </richtextbox>

这里在增加一段Paragraph

?

1 2 3 4 5 6 7 8

<richtextbox x:name="RTB">     <paragraph>         RichTextBox包含<bold>粗体</bold>内容.     </paragraph>     <paragraph>        显示链接<hyperlink navigateuri="http://nasa.cnblogs.com">《我和未来有约会》</hyperlink> .     </paragraph> </richtextbox>

加入图形元素

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<richtextbox x:name="RTB">     <paragraph>         RichTextBox包含<bold>粗体</bold>内容.     </paragraph>     <paragraph>        显示链接<hyperlink navigateuri="http://nasa.cnblogs.com">《我和未来有约会》</hyperlink> .     </paragraph>     <paragraph>         显示图形         <inlineuicontainer>             <img source="./doodler.png" height="50" width="50">         </inlineuicontainer>     </paragraph> </richtextbox>

另外RichTextBox还有只读属性用来做显示。
其次RichTextBox增加了很多的API，比如：当前光标位置position、当前选中文本selection等等......
一个简单的Demo

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

private void BtnBold_Click(object sender, System.Windows.RoutedEventArgs e) {     object o = RTB.Selection.GetPropertyValue(TextElement.FontWeightProperty);     if (o.ToString() != "Bold")         RTB.Selection.ApplyPropertyValue(TextElement.FontWeightProperty, FontWeights.Bold); }   private void BtnItalic_Click(object sender, System.Windows.RoutedEventArgs e) {     object o = RTB.Selection.GetPropertyValue(TextElement.FontWeightProperty);     if (o.ToString() != "Italic")         RTB.Selection.ApplyPropertyValue(TextElement.FontStyleProperty, FontStyles.Italic); }   private void BtnUnderline_Click(object sender, System.Windows.RoutedEventArgs e) {     RTB.Selection.ApplyPropertyValue(Inline.TextDecorationsProperty, TextDecorations.Underline); }