浅谈RichTextBox在Windows Phone开发中的应用 - [WP开发]

在Sliverlight或者WPF程序中，与Textbox相比，RichTextBox提供更为强大的功能，例如支持多种文本格式，支持图文混派，内嵌控件等等，而Windows Phone在升级到Mango(7.1)后也开始支援这个控件。现在还只是Beta版，所以在功能上还有所欠缺：

1. 只读，还不能输入编辑；
2. Tool box中还没有添加这个控件，只能手工创建；
3. 没有默认样式，所以得自定义样式文件；
4. 没有Design View实时支持。

 

手动创建RichTextBox的方法有两种，一种是在XAML声明，如：

<RichTextBox x:Name="rtxtBox" Margin="10" VerticalAlignment="Top">
                <Paragraph FontSize="30" >
                    RichTextBox Demo Project
                </Paragraph>
</RichTextBox>

另外一种是通过Code-Behide:

            RichTextBox rtb = new RichTextBox();
            rtb.FontSize = 30;
            rtb.Background = new SolidColorBrush(Colors.White);
            rtb.VerticalContentAlignment = System.Windows.VerticalAlignment.Top;

            Paragraph parag = new Paragraph();
            Run run = new Run();
            run.Foreground = new SolidColorBrush(Colors.Red);
            run.Text = "Red Text";
            parag.Inlines.Add(run);
            rtb.Blocks.Add(parag);
 
            ContentPanel.Children.Add(rtb);

这里要注意，正如前面提到的，RichTextBox没有默认的样式，需要手动添加，否则不能正常显示，在App.xaml内添加自定义的样式如下：

<!--Application Resources-->
    <Application.Resources>
        <Style TargetType="RichTextBox">
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeNormal}" />
            <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RichTextBox">
                        <Grid Background="Transparent">
                            <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Margin="{StaticResource PhoneHorizontalMargin}">
                                <ContentControl x:Name="ContentElement" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" Padding="{TemplateBinding Padding}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Application.Resources>

 

如果想在RichTextBox内嵌入控件，可定义如下：

<Paragraph>
                    <InlineUIContainer>
                        <Button Content="InlineButton"/>
                    </InlineUIContainer>
                </Paragraph>
                <Paragraph >
                    <InlineUIContainer>
                        <Image Width="80" Source="ApplicationIcon.jpg"/>
                    </InlineUIContainer>
</Paragraph>

 

之前在做Silverlight应用时，写过一个自定义的RichTextBox控件，能够保存Html基本样式，在做鲜闻阅读器时，遇到的问题也是对于Html流的处理，现在写自定义的RichTextBox Control for Windows Phone，希望能实现自己想要的转化功能。

 

Microsoft视频教程