MainPage.xaml

<UserControl x:Class="BeenHive.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="674" d:DesignWidth="920">

<Grid x:Name="LayoutRoot" >

<!--设置Grid背景-->
<Grid.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF585D51" Offset="0.006"/>
<GradientStop Color="#FF000000" Offset="1"/>
</LinearGradientBrush>
</Grid.Background>

<Canvas x:Name="BeeHive" Height="580" Width="810" Clip="M0,0L810,0 810,580 0,580z" HorizontalAlignment="Center" Margin="55,55,62,46" VerticalAlignment="Center">
<!--背景-->
<Path x:Name="background" Height="582" Width="812" Canvas.Left="-1" Canvas.Top="-1" Data="F1M1,1C1,1,811,1,811,1C811,1,811,581,811,581C811,581,1,581,1,581C1,581,1,1,1,1z" UseLayoutRounding="False">
<Path.OpacityMask>
<RadialGradientBrush RadiusX="0.358" RadiusY="0.5">
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FF000000" Offset="1"/>
</RadialGradientBrush>
</Path.OpacityMask>
<Path.Fill>
<RadialGradientBrush RadiusX="0.358" RadiusY="0.5">
<GradientStop Color="#FF5F6B30" Offset="0"/>
<GradientStop Color="#FF000000" Offset="1"/>
</RadialGradientBrush>
</Path.Fill>
</Path>

<!--蜂窝图片-->
<Image x:Name="grid" Height="580" Width="768" Source="BeeHive_Images/grid.PNG" Stretch="Fill" Opacity="0.65" Canvas.Left="33"/>

<!--Score图片-->
<Image x:Name="score" Height="12" Width="116" Opacity="0.6" Canvas.Left="51" Canvas.Top="14" Source="BeeHive_Images/score.png"/>
<TextBlock x:Name="ScoreText" Canvas.Left="51" Canvas.Top="31" FontFamily="Arial" FontSize="17" FontWeight="Bold" Foreground="#FFFFFFFF" LineHeight="17" LineStackingStrategy="BlockLineHeight" Text="0" TextWrapping="Wrap">
</TextBlock>

<!--Last图片-->
<Image Height="12" Width="92" Source="BeeHive_Images/last.PNG" Stretch="Fill" Opacity="0.4" Canvas.Top="14" Canvas.Left="240"/>
<TextBlock x:Name="LastScoreText" Canvas.Left="240" Canvas.Top="31" FontFamily="Arial" FontSize="17" FontWeight="Bold" Foreground="#FFFFFFFF" LineHeight="17" LineStackingStrategy="BlockLineHeight" Text="0" TextWrapping="Wrap" Opacity="0.6">
</TextBlock>

<!--HI-SCORE图片-->
<Image Height="12" Width="156" Source="BeeHive_Images/hiscore.png" Stretch="Fill" Opacity="0.4" Canvas.Top="14" Canvas.Left="410"/>
<TextBlock x:Name="HiScoreText" FontFamily="Arial" FontSize="17" FontWeight="Bold" Foreground="#FFFFFFFF" LineHeight="17" LineStackingStrategy="BlockLineHeight" TextWrapping="Wrap" Canvas.Left="410" Canvas.Top="31" Opacity="0.6" Text="0000">
</TextBlock>

<!--LIVES图片-->
<Image x:Name="lives" Height="12" Width="97" Opacity="0.4" Canvas.Left="652" Canvas.Top="14" Source="BeeHive_Images/lives.png"/>
<TextBlock x:Name="LivesText" Canvas.Left="654" Canvas.Top="31" FontFamily="Arial" FontSize="18" FontWeight="Bold" Foreground="#FFFFFFFF" LineHeight="18" LineStackingStrategy="BlockLineHeight" Text="4" TextWrapping="Wrap">
</TextBlock>

<!--左边墙图片-->
<Image x:Name="LEFT_WALL" Height="580" Width="12" Opacity="0.102" Canvas.Left="0" Canvas.Top="0" Source="BeeHive_Images/LEFT_WALL.png">
</Image>

<!--上边墙图片-->
<Image x:Name="TOP_WALL" Height="32" Width="810" Opacity="0.102" Canvas.Left="0" Canvas.Top="0" Source="BeeHive_Images/TOP_WALL.png">
</Image>

<!--右边墙图片-->
<Image x:Name="RIGHT_WALL" Height="580" Width="12" Opacity="0.102" Canvas.Left="798" Canvas.Top="0" Source="BeeHive_Images/RIGHT_WALL.png">
</Image>

<!--下边墙图片-->
<Image x:Name="BOTTOM_WALL" Height="16" Width="810" Canvas.Left="0" Canvas.Top="564" Source="BeeHive_Images/BOTTOM_WALL.png">
</Image>

<!--球图片-->
<Image x:Name="BALL" Height="22" Width="22" Canvas.Left="381" Canvas.Top="414" Source="BeeHive_Images/BALL.png" Tag="CollideWithAll">
</Image>

<!--滑板图片-->
<Image x:Name="PADDLE" Height="21" Width="117" Canvas.Left="418" Canvas.Top="496" Source="BeeHive_Images/PADDLE.png" RenderTransformOrigin="0.5,0.5">
</Image>

<!--开始音乐-->
<MediaElement x:Name="start_mp3" Height="0" Source="/start.mp3" Stretch="Fill" Width="0"/>

<!--开始图片-->
<Image x:Name="ClicktoStart" Height="12" Width="290" Source="BeeHive_Images/ClicktoStart.PNG" Stretch="Fill" IsHitTestVisible="False" Canvas.Top="447" Canvas.Left="253"/>

<!--结束图片-->
<Image x:Name="GameOver" Height="54" Width="388" Source="BeeHive_Images/GameOver.PNG" Stretch="Fill" Canvas.Left="201" Canvas.Top="250" Visibility="Collapsed"  />

</Canvas>
<Grid x:Name="frame" Height="607" HorizontalAlignment="Center" Margin="5,5,5,5" VerticalAlignment="Center" Width="810">
<Grid x:Name="masterHead" Height="20" VerticalAlignment="Top" Background="{x:Null}" IsHitTestVisible="False">
<Rectangle x:Name="masterHead_bg" Fill="#FF28311A" Stroke="{x:Null}"/>
<Image HorizontalAlignment="Left" Margin="5,5,0,0" Width="98" Stretch="Fill" Height="12" VerticalAlignment="Top" Opacity="0.4" Source="BeeHive_Images/logo_blend311.PNG"/>
<Image HorizontalAlignment="Right" Margin="5,5,5,0" Width="71" Stretch="Fill" Height="12" VerticalAlignment="Top" Opacity="0.4" Source="BeeHive_Images/logo_SP311.PNG"/>
</Grid>
<Rectangle x:Name="footer" Fill="#FF484C44" Stroke="{x:Null}" Height="5" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" IsHitTestVisible="False" Canvas.ZIndex="9999" Opacity="0.75"/>
</Grid>
</Grid>
</UserControl>