前言
本示例中将有三个控件，分别是ToggleButton、TextBlock、Grid。我们将利用ToggleButton控件的Checked和Unchecked两个事件分别做成两个触发器，去调用两个不同的Storyboard故事板，在故事板中我们再利用DoubleAnimationUsingKeyFrames关键帧动画类去控制grid控件的宽度，利用ObjectAnimationUsingKeyFrames关键帧动画类去控件textblock控件的显示与隐藏。

首先，我们写好两个Storyboard供触发器调用

<Window.Resources>
    <Storyboard x:Key="OnChecked">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="grid">
            <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="50"/>
        </DoubleAnimationUsingKeyFrames>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="textBlockLogo">
            <DiscreteObjectKeyFrame KeyTime="0:0:0.2" Value="{x:Static Visibility.Hidden}"/>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="OnUnChecked">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="grid">
            <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="200"/>
        </DoubleAnimationUsingKeyFrames>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="textBlockLogo">
            <DiscreteObjectKeyFrame KeyTime="0:0:0.2" Value="{x:Static Visibility.Visible}"/>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</Window.Resources>

在上面的代码中，名为OnChecked的Storyboard 定义了grid控件的宽度将在2秒内变成50像素，同时将textBlockLogo控件隐藏起来；在名为OnUnChecked的Storyboard中，则定义了grid将在2秒内将宽度变成200像素，同时将textBlockLogo显示出来。

接下来，我们定义两个事件触发器，即ToggleButton的Checked和Unchecked事件。

<Window.Triggers>
    <EventTrigger RoutedEvent="ToggleButton.Checked" SourceName="toggleButton">
        <BeginStoryboard  Storyboard="{StaticResource OnChecked}"/>
    </EventTrigger>
    <EventTrigger RoutedEvent="ToggleButton.Unchecked" SourceName="toggleButton">
        <BeginStoryboard Storyboard="{StaticResource OnUnChecked}"/>
    </EventTrigger>       
</Window.Triggers>

这个就比较简单了，注意EventTrigger 的SourceName属性，一定要指向我们自己的ToggleButton控件，这样当ToggleButton的Checked事件发生时，grid就会变小，textblock就会隐藏起来，而当ToggleButton的Unchecked事件发生时，grid会变大，textblock会显示出来。至于ToggleButton、grid和textblock控件分别要放在程序中的什么地方，就看您的喜好了！

示例效果如下：

未选中ToggleButton时,显示左则的菜单栏（Grid控件)

选中ToggleButton时，收起左侧Grid控件