WPFの实现word的缩放效果

ms-word做出的效果令人十分欣喜，那么如何用wpf达到这个效果，下面我们来进行讨论。

界面上我用一个WrapPanel作为父级控件，动态添加InkCanvas作为子控件

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Name="disRow"/>
            <RowDefinition Height=""/>
        </Grid.RowDefinitions>

        <Slider x:Name="slider" Grid.Row="" HorizontalAlignment="Right" Width=""
                Margin="10,0,100,0" VerticalAlignment="Top" TickFrequency="0.2"
                TickPlacement="BottomRight" Cursor="Hand" IsSnapToTickEnabled="True"
                Value="0.6" Maximum="" LargeChange="0.1" Template="{StaticResource tmp}" ValueChanged="slider_ValueChanged_1"/>

        <TextBlock x:Name="textBlock" Grid.Row="" Width=""
                   HorizontalAlignment="Right" Margin="0,0,10,0"
                   FontFamily="宋体" FontSize="" FontWeight="Light"
                   TextWrapping="Wrap"  VerticalAlignment="Top">
            <TextBlock.Text>
                <Binding Path="Value" ElementName = "slider" StringFormat="{}{0:P1}"/>
            </TextBlock.Text>
        </TextBlock>

        <ScrollViewer x:Name="scr" Margin="" VerticalScrollBarVisibility="Auto">
            <WrapPanel Name="parent" Grid.Row="" Width="{Binding Path=Width,ElementName=disRow}"
                Height="{Binding Path=Height,ElementName=disRow}"
            HorizontalAlignment="Center"  Margin="0,0,0,0" VerticalAlignment="Top"/>
        </ScrollViewer>
    </Grid>

后台添加：

  double SH;
        double SW;
        const int A4_H = ;
        const int A4_W = ;
        static double rate;

        public MainWindow()
        {
            InitializeComponent();
            //SH = SystemParameters.PrimaryScreenHeight; //实际宽高
            //SW = SystemParameters.PrimaryScreenWidth;

            SW = SystemParameters.WorkArea.Width;      //工作区
            SH = SystemParameters.WorkArea.Height;

            rate = SH / A4_H;
        }

        private void test_Loaded(object sender, RoutedEventArgs e)
        {
            parent.Width = A4_W * rate;
            for (int i=; i<; i++)
            {
                InkCanvas temp = new InkCanvas();
                temp.Width = A4_W*rate;
                temp.Height = A4_H * rate;

                temp.Background= new SolidColorBrush(Color.FromArgb(0xFF, 0xF1, 0xE2, 0x9E));
                temp.Margin = new Thickness(,,,);
                parent.Children.Add(temp);
            }
        }

ValueChange的代码：

  private void slider_ValueChanged_1(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            if (e.NewValue == e.OldValue||(e.OldValue==&&e.NewValue!=0.2))
            {
                return;
            }

            switch (e.NewValue.ToString())
            {
                case "":
                    parent.Width = A4_W * rate *  + ;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width = A4_W * rate / ;
                        c.Height = A4_H * rate / ;
                    }
                    break;
                case "0.2":
                    parent.Width = A4_W * rate *  + ;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width = A4_W * rate/;
                        c.Height = A4_H * rate / ;
                    }
                    break;
                case "0.3":
                    break;
                case "0.4":
                    parent.Width = A4_W * rate * +;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width = A4_W * rate;
                        c.Height = A4_H * rate;
                    }
                    break;
                case "0.5":
                    break;
                case "0.6":
                    parent.Width = A4_W * rate;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width = A4_W * rate;
                        c.Height = A4_H * rate;
                    }
                    break;
                case "0.7":
                    break;
                case "0.8":
                    parent.Width = A4_W * rate * 1.5;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width= A4_W * rate * 1.5;
                        c.Height = A4_H * rate*1.5;
                    }
                    break;
                case "0.9":
                    parent.Width = A4_W * rate * ;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width = A4_W * rate * ;
                        c.Height = A4_H * rate*;
                    }
                    break;
                case "":
                    parent.Width = A4_W * rate * 2.5;
                    foreach (InkCanvas c in parent.Children)
                    {
                        c.Width = A4_W * rate * 2.5;
                        c.Height = A4_H * rate*2.5;
                    }
                    break;

            }
        }

实现的效果：