11、动画编辑与交互实现全解析

动画编辑与交互实现全解析

1. 动画触发器与菜单系统构建

当运行程序（按下 F5 或 Ctrl + F5）时，会发现按钮只有在被点击后才会旋转。查看生成的 XAML 代码，触发器代码如下：

<Window.Triggers>
  <EventTrigger RoutedEvent="ButtonBase.Click"  
                SourceName="btnMyButton">
    <BeginStoryboard  
      Storyboard="{StaticResource SpinButtonAnimation}"/>
  </EventTrigger>
</Window.Triggers>

接下来，我们将通过构建一个简单的菜单系统来进一步控制故事板动画序列，具体操作步骤如下：
1. 删除现有触发器 ：完全删除当前的 Button.Click 触发器。
2. 设置故事板属性 ：在“对象和时间线”面板中选择 SpinButtonAnimation 故事板，然后使用“属性”面板将 RepeatBehavior 属性设置为 Forever。
3. 添加菜单控件 ：使用“资产”面板找到名为 Menu 的控件，双击该项目以将其实例添加到画板上。使用“属性”面板将菜单控件命名为 mainMenuSystem，用鼠标调整菜单对象的大小，使其扩展到窗口的整个宽度。
4.