WPF简易抽屉

 

 xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

  <Window.Resources>
        <Storyboard x:Key="MenuOpen">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="GridMenu" Storyboard.TargetProperty="(FrameworkElement.Width)">
                <EasingDoubleKeyFrame KeyTime="0" Value="60" />
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="200" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="MenuClose">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="GridMenu" Storyboard.TargetProperty="(FrameworkElement.Width)">
                <EasingDoubleKeyFrame KeyTime="0" Value="200" />
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="60" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>

    <Window.Triggers>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonOpenMenu">
            <BeginStoryboard Storyboard="{StaticResource MenuOpen}" />
        </EventTrigger>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonCloseMenu">
            <BeginStoryboard Storyboard="{StaticResource MenuClose}" />
        </EventTrigger>
    </Window.Triggers>

 <Grid Background="LightGray">

     <Grid
         x:Name="GridMenu"
         Width="60"
         Margin="0"
         HorizontalAlignment="Left"
         Background="#FF1B3861">
         <StackPanel Cursor="">
             <Grid Background="#FF1368BD">
                 <Button
                     x:Name="ButtonCloseMenu"
                     Width="60"
                     Height="50"
                     HorizontalAlignment="Right"
                     VerticalAlignment="Top"
                     d:IsHidden="True"
                     Background="{x:Null}"
                     BorderBrush="{x:Null}"
                     Click="ButtonCloseMenu_Click"
                     Visibility="Collapsed">
                     <materialDesign:PackIcon
                         Width="25"
                         Height="25"
                         Foreground="#FF1B3861"
                         Kind="ArrowLeft" />
                 </Button>
                 <Button
                     x:Name="ButtonOpenMenu"
                     Width="60"
                     Height="50"
                     HorizontalAlignment="Right"
                     VerticalAlignment="Top"
                     Background="{x:Null}"
                     BorderBrush="{x:Null}"
                     Click="ButtonOpenMenu_Click">
                     <materialDesign:PackIcon
                         Width="25"
                         Height="25"
                         Foreground="#FF1B3861"
                         Kind="Menu" />
                 </Button>
             </Grid>
             <ListView Foreground="#FF1368BD" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                 <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_MouseLeftButtonUp">
                     <StackPanel Orientation="Horizontal">
                         <materialDesign:PackIcon
                             Width="25"
                             Height="25"
                             Margin="10"
                             VerticalAlignment="Center"
                             Kind="ViewDashboard" />
                         <TextBlock
                             Margin="20,10"
                             VerticalAlignment="Center"
                             Foreground="White"
                             Text="系统首页" />
                     </StackPanel>
                 </ListViewItem>
              
             </ListView>
         </StackPanel>

     </Grid>

 </Grid>

后台

     private void ButtonPopUpLogout_Click(object sender, RoutedEventArgs e)
     {
         Application.Current.Shutdown();
     }

     private void ButtonOpenMenu_Click(object sender, RoutedEventArgs e)
     {
         ButtonOpenMenu.Visibility = Visibility.Collapsed;
         ButtonCloseMenu.Visibility = Visibility.Visible;
     }

     private void ButtonCloseMenu_Click(object sender, RoutedEventArgs e)
     {
         ButtonOpenMenu.Visibility = Visibility.Visible;
         ButtonCloseMenu.Visibility = Visibility.Collapsed;
     }

     private void GridTitle_MouseDown(object sender, MouseButtonEventArgs e)
     {
         if (e.ChangedButton == MouseButton.Left)
             DragMove();
     }

     private void GridMenu_SizeChanged(object sender, SizeChangedEventArgs e)
     {
         //  gdMian.Margin = new Thickness(e.NewSize.Width, 50, 0, 0);
     }

     private void ListViewItem_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
     {

     }