windows phone 7.1 中两个新增控件

转载自：http://www.cnblogs.com/randylee/archive/2011/06/01/2065503.html

RichTextBox

在wp7中，所有的控件都无法实现图文混排，这个控件解决了无法图文混排的问题，使微博和聊天软件不在只是文字显示那么单调了。但是这个控件目前还并不完善，只能够显示而无法进行输入，另外使用起来也比较麻烦。以下就是这个控件的使用方法：

1. XAML中直接添加

这个控件无法显示在ToolBox列表中，需要通过手工方式来自已添加。

<RichTextBox Width="400" Height="400" Background="White" IsReadOnly="True" FontSize="30" VerticalContentAlignment="Top">

                <Paragraph>

                    <Run Foreground="Red" FontStyle="Italic" Text="Red Text"/>

                </Paragraph>

                <Paragraph Foreground="Blue">

                    <Run Text="Blue Text "/>

                    <Bold>This is bold</Bold>

                </Paragraph>

                <Paragraph Foreground="Black">

                    <Run Text="Black Text "/>

                    <Hyperlink>Click Here</Hyperlink>

                    <Bold>test Bold Text</Bold>

                </Paragraph>

                <Paragraph>

                    A RichTextBox with<Bold>initial content</Bold> in it.

                </Paragraph>



            </RichTextBox>

这样就实现了图文混排，以及多种文字效果的同时显示。

2. 代码实现

RichTextBox rtb = new RichTextBox();

            rtb.Width = 400;

            rtb.Height = 400;

            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);

            parag = new Paragraph();

            parag.Foreground = new SolidColorBrush(Colors.Blue);

            run = new Run();

            run.Text = "Blue Text";

            parag.Inlines.Add(run);

            Bold bold = new Bold();

            bold.Inlines.Add("This is bold Text");

            parag.Inlines.Add(bold);

            rtb.Blocks.Add(parag);

            parag = new Paragraph();

            parag.Foreground = new SolidColorBrush(Colors.Black);

            run = new Run();

            run.Text = "Black Text";

            parag.Inlines.Add(run);

            Hyperlink hl = new Hyperlink();

            hl.Inlines.Add("Click Here");

            parag.Inlines.Add(hl);

            bold = new Bold();

            bold.Inlines.Add("test Bold Text");

            parag.Inlines.Add(bold);

            run = new Run();

            run.Text = "A RichTextBox with";

            parag.Inlines.Add(run);

            bold = new Bold();

            bold.Inlines.Add("initial content");

            parag.Inlines.Add(bold);

            run = new Run();

            run.Text = "in it.";

            parag.Inlines.Add(run);

            rtb.Blocks.Add(parag);

            ContentPanel.Children.Add(rtb);

这两种方法实现的是同一个效果。

3. 注意事项

l 这个控件在加入到工程之前，需要在APP.xaml文件的Resource节中添加如下xaml，否则无法显示。

<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>

l 另外，目前只能添加Hyperlink、Button控件到RichTextBox中，Image控件加入后，当在模拟器中运行时，无法显示。

ViewBox

这个控件可以对加入其内的控件进行缩放、拉伸等的操作。

1. 常用属性

l Stretch：与图片的这个属性基本相同。

l StretchDirection：这个属性用于设置子控件的缩放方向。

n UpOnly：放大

n DownOnly:缩小

n Both:放大或缩小

l FlowDirection:设置子控件的放置方向。

2. 示例代码

private void stretchNone(object sender, RoutedEventArgs e)

        {

            vb1.Stretch = Stretch.None;

            vb2.Stretch = Stretch.None;

            vb3.Stretch = Stretch.None;

            txt1.Text = "Stretch is now set to None.";

        }

        //Setting the Stretch property to Fill

        private void stretchFill(object sender, RoutedEventArgs e)

        {

            vb1.Stretch = Stretch.Fill;

            vb2.Stretch = Stretch.Fill;

            vb3.Stretch = Stretch.Fill;

            txt1.Text = "Stretch is now set to Fill.";

        }

        //Setting the Stretch property to Uniform

        private void stretchUni(object sender, RoutedEventArgs e)

        {

            vb1.Stretch = Stretch.Uniform;

            vb2.Stretch = Stretch.Uniform;

            vb3.Stretch = Stretch.Uniform;

            txt1.Text = "Stretch is now set to Uniform.";

        }

        private void stretchUniFill(object sender, RoutedEventArgs e)

        {

            vb1.Stretch = Stretch.UniformToFill;

            vb2.Stretch = Stretch.UniformToFill;

            vb3.Stretch = Stretch.UniformToFill;

            txt1.Text = "Stretch is now set to UniformToFill.";

        }

        private void sdUpOnly(object sender, RoutedEventArgs e)

        {

            vb1.StretchDirection = StretchDirection.UpOnly;

            vb2.StretchDirection = StretchDirection.UpOnly;

            vb3.StretchDirection = StretchDirection.UpOnly;

            txt2.Text = "StretchDirection is now UpOnly.";

        }

        private void sdDownOnly(object sender, RoutedEventArgs e)

        {

            vb1.StretchDirection = StretchDirection.DownOnly;

            vb2.StretchDirection = StretchDirection.DownOnly;

            vb3.StretchDirection = StretchDirection.DownOnly;

            txt2.Text = "StretchDirection is now DownOnly.";

        }



        private void sdBoth(object sender, RoutedEventArgs e)

        {

            vb1.StretchDirection = StretchDirection.Both;

            vb2.StretchDirection = StretchDirection.Both;

            vb3.StretchDirection = StretchDirection.Both;

            txt2.Text = "StretchDirection is now Both.";

        }

        private void sdFlow(object sender, RoutedEventArgs e)

        {

            vb1.FlowDirection = System.Windows.FlowDirection.RightToLeft;

            vb2.FlowDirection = System.Windows.FlowDirection.RightToLeft;

            vb3.FlowDirection = System.Windows.FlowDirection.RightToLeft;

            txt2.Text = "FlowDirection is RighToLeft.";

        }

显示效果：