39、探索Silverlight动画：从炸弹游戏到页面过渡

探索Silverlight动画：从炸弹游戏到页面过渡

1. 炸弹游戏概述

在这个炸弹游戏示例中，每个掉落的炸弹都有自己的故事板，包含两个动画。第一个动画通过改变 Canvas.Top 属性让炸弹掉落，第二个动画让炸弹轻微地前后旋转，产生逼真的摆动效果。若用户点击炸弹，这些动画会停止，接着会有另外两个动画将炸弹无害地抛出画布边缘。每次动画结束时，应用程序会检查是掉落的炸弹还是被拯救的炸弹，并相应地更新计数。

2. 主页面设计

主页面采用两列网格布局。
- 左侧 ：是一个 Border 元素，包含代表游戏表面的 Canvas 。

<Border Grid.Column="0" BorderBrush="SteelBlue" BorderThickness="1" Margin="5">
  <Grid>
    <Canvas x:Name="canvasBackground" SizeChanged="canvasBackground_SizeChanged" MinWidth="50">
      <Canvas.Background>
        <RadialGradientBrush>
          <GradientStop Color="AliceBlue" Offset="0"></GradientStop>
          <GradientSto