Wpf实现横向切换页面

 

      在实际项目开发中，我们可能会遇到点击按钮实现切换多个页面的效果，这个时候我们就可以将这多个界面放入一个Orientation为Horizontal的StackPanel当中，点击下一页的时后，里面所有控件执行TranslteTransform动画。这样就可以实现左右横向切换的效果了。下面做了一个demo去实现这个功能。

XML的代码：

 <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="*"></RowDefinition>

            <RowDefinition Height="Auto"></RowDefinition>

        </Grid.RowDefinitions>

        <StackPanel Orientation="Horizontal"   

                    x:Name="NavigationPanel"  

                    Height="350"   

                    HorizontalAlignment="Left"   

                    VerticalAlignment="Top">

            <Grid Width="{ Binding RelativeSource={ RelativeSource Mode=FindAncestor,AncestorLevel=1,AncestorType={ x:Type Window}}, Path=ActualWidth }"  

                  Height="{ Binding RelativeSource={ RelativeSource Mode=FindAncestor, AncestorLevel=1, AncestorType={ x:Type StackPanel}}, Path=ActualHeight}"  

                  Background="Red" >