TextBlock与RichTextBox使用

[Vincent-DEVDIV]

1. TextBlock说明
TextBlock的Content是由InlineCollection组成的。
Run和LineBreak都是Inline。

2. RichTextBox说明
2.1 Block
RichTextBox的Content是由Blocks组成，Paragraph是一种Block，Table也是。。。
The Blocks property is the content property of RichTextBox. It is a collection of Paragraph elements.
2.2 Inline/InlineUIContainer…...
Paragraph由以下element组成：
Content in each Paragraph element can contain the following elements:
Inline、InlineUIContainer、Run、Span、Bold、Hyperlink、Italic、Underline、LineBreak
以下都是Inline
Run、Span (其Content为InlineCollection)、Bold、Hyperlink、Italic、Underline、LineBreak
其中Span的Content为InlineCollection，即多个Inline组成一个集合
Bold、Hyperlink、Italic、Underline、LineBreak都是特定功能的Inline，而Run是Generic的Inline，可定制性强。。。

3. 简单示例
说明Paragraph（Block）、InlineUIContainer以及各种Inline的使用，
同样如果想插入图片，把Image控件放入InlineUIContainer即可。
示例代码如下：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <RichTextBox>
        <Paragraph>
            <Run FontSize="25" TextDecorations="Underline">Hello Underline</Run>
            <LineBreak/>
            <Hyperlink NavigateUri="www.devdiv.com">HyperLink DEVDIV</Hyperlink>
            <LineBreak/>
            <Bold>BOLD WORD</Bold>
            <LineBreak/>
            <Italic>Italic</Italic>
            <LineBreak/>
            <Underline>Underline</Underline>
            <LineBreak/>
            <Span>
                <Hyperlink NavigateUri="hr.devdiv.com">HyperLink in Span</Hyperlink>
                <LineBreak/>
                <Bold>BOLD in Span</Bold>
            </Span>
            <LineBreak/>
            <InlineUIContainer>
                <Grid>
                    <TextBlock>
                        <Run FontSize="30" TextDecorations="Underline" FontStyle="Italic" Foreground="Red">Text in TextBlock (in Grid of InlineUIContainer)</Run>
                    </TextBlock>
                </Grid>
            </InlineUIContainer>
        </Paragraph>
    </RichTextBox>
</Grid>

我没有权限贴图，大家点击如下链接看效果图


Regards
Vincent
http://weibo.com/xueyw