wpf ToggleButton实现控制UI组件宽度，展开或收缩

点击按钮控制左侧版块宽度，展开或收缩

样式设置

<UserControl.Resources><PathGeometry x:Key="PathGeometry_Right"Figures="M514 114.3c-219.9 0-398.8 178.9-398.8 398.8 0 220 178.9 398.9 398.8 398.9s398.8-178.9 398.8-398.9c0-219.8-178.9-398.8-398.8-398.8z m152.9 440.4L502.8 718.8c-22.9 22.9-60.2 22.9-83.1 0-11.5-11.5-17.2-26.5-17.2-41.5s5.7-30.1 17.2-41.5l122.6-122.6-122.6-122.6c-22.9-22.9-22.9-60.2 0-83.1 22.9-22.9 60.2-22.9 83.1 0l164.1 164.1c23 23 23 60.2 0 83.1z"/><ControlTemplate x:Key="ToggleButton_expand"TargetType="ToggleButton"><GridBackground="Transparent"Cursor="Hand"RenderTransformOrigin="0.5,0.5"><Grid.RenderTransform><RotateTransform x:Name="Rotate"Angle="180"/></Grid.RenderTransform><PathData="{StaticResource PathGeometry_Right}"Fill="{StaticResource DefaultButtonMouseDown}"Stretch="Uniform"/></Grid><ControlTemplate.Triggers><TriggerProperty="IsChecked"Value="True"><Trigger.EnterActions><BeginStoryboard><Storyboard><DoubleAnimationUsingKeyFramesStoryboard.TargetName="Rotate"Storyboard.TargetProperty="Angle"><DoubleAnimationUsingKeyFrames.KeyFrames><LinearDoubleKeyFrameKeyTime="0:0:0.1"Value="180"/></DoubleAnimationUsingKeyFrames.KeyFrames></DoubleAnimationUsingKeyFrames></Storyboard></BeginStoryboard></Trigger.EnterActions><Trigger.ExitActions><BeginStoryboard><Storyboard><DoubleAnimationUsingKeyFramesStoryboard.TargetName="Rotate"Storyboard.TargetProperty="Angle"><DoubleAnimationUsingKeyFrames.KeyFrames><LinearDoubleKeyFrameKeyTime="0:0:0.1"Value="0"/></DoubleAnimationUsingKeyFrames.KeyFrames></DoubleAnimationUsingKeyFrames></Storyboard></BeginStoryboard></Trigger.ExitActions></Trigger></ControlTemplate.Triggers></ControlTemplate><Storyboard x:Key="Storyboard_Show"><DoubleAnimationUsingKeyFramesStoryboard.TargetName="leftContent"Storyboard.TargetProperty="Width"><DoubleAnimationUsingKeyFrames.KeyFrames><LinearDoubleKeyFrameKeyTime="0:0:0.1"Value="NaN"/></DoubleAnimationUsingKeyFrames.KeyFrames></DoubleAnimationUsingKeyFrames></Storyboard><Storyboard x:Key="Storyboard_Hidden"><DoubleAnimationUsingKeyFramesStoryboard.TargetName="leftContent"Storyboard.TargetProperty="Width"><DoubleAnimationUsingKeyFrames.KeyFrames><LinearDoubleKeyFrameKeyTime="0:0:0.1"Value="60"/></DoubleAnimationUsingKeyFrames.KeyFrames></DoubleAnimationUsingKeyFrames></Storyboard></UserControl.Resources>

控制宽度按钮

<ToggleButtonWidth="25"Height="35"Margin="-5,7,0,0"HorizontalAlignment="Left"VerticalAlignment="Top"Panel.ZIndex="77"Background="Red"Command="{Binding QueryPersonnelCommand}"CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Mode=Self}}"IsChecked="True"Template="{StaticResource ToggleButton_expand}"><ToggleButton.Triggers><EventTriggerRoutedEvent="ToggleButton.Checked"><BeginStoryboardStoryboard="{StaticResource Storyboard_Show}"/></EventTrigger><EventTriggerRoutedEvent="ToggleButton.Unchecked"><BeginStoryboardStoryboard="{StaticResource Storyboard_Hidden}"/></EventTrigger></ToggleButton.Triggers></ToggleButton>