WPF模拟雷达界面效果图

iPad塔防的防守兵的效果很炫，2个小时用WPF模拟了一个。

效果图：

关键代码：

    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="Koala.jpg"/>
        </Grid.Background>

        <Button Content="Button1" HorizontalAlignment="Left" Margin="187,107,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click_1"/>

        <Grid x:Name="m_Grid" HorizontalAlignment="Left" VerticalAlignment="Top" Height="300" Width="300" MouseUp="m_Grid_MouseUp" Margin="69,31,0,0">
            <Ellipse Stroke="White" StrokeThickness="1">
                <Ellipse.Fill>
                    <RadialGradientBrush Opacity="1" RadiusX="0.5" RadiusY="0.5" GradientOrigin="0.5,0.5">
                        <GradientStop Color="White" Offset="1.1" ></GradientStop>
                        <GradientStop Color="Transparent" Offset="0.92"></GradientStop>
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
            <Ellipse x:Name="m_Ellipse" Stroke="White" Margin="4">
                <Ellipse.Fill>
                    <RadialGradientBrush Opacity="1" RadiusX="0.5" RadiusY="0.5" GradientOrigin="0.5,0.5">
                        <GradientStop Color="White" Offset="0.97" ></GradientStop>
                        <GradientStop Color="Transparent" Offset="0.96"></GradientStop>
                    </RadialGradientBrush>
                </Ellipse.Fill>
                <Ellipse.Clip>
                    <RectangleGeometry Rect="0,0,100,100" />
                </Ellipse.Clip>
                <Ellipse.RenderTransform>
                    <RotateTransform Angle="0" CenterX="146" CenterY="146"  /> 
                </Ellipse.RenderTransform>
                <Ellipse.Triggers>
                    <EventTrigger RoutedEvent="Window.Loaded">
                        <BeginStoryboard>
                            <Storyboard RepeatBehavior="Forever">
                                <DoubleAnimation Storyboard.TargetName="m_Ellipse"
                                                 Storyboard.TargetProperty="(Ellipse.RenderTransform).(RotateTransform.Angle)"
                                                 To="180" 
                                                 Duration="0:0:5"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Ellipse.Triggers>
            </Ellipse>
            <Ellipse x:Name="m_Ellipse2" Stroke="White" Margin="4">
                <Ellipse.Fill>
                    <RadialGradientBrush Opacity="1" RadiusX="0.5" RadiusY="0.5" GradientOrigin="0.5,0.5">
                        <GradientStop Color="White" Offset="0.97" ></GradientStop>
                        <GradientStop Color="Transparent" Offset="0.96"></GradientStop>
                    </RadialGradientBrush>
                </Ellipse.Fill>
                <Ellipse.Clip>
                    <RectangleGeometry Rect="0,0,100,100" />
                </Ellipse.Clip>
                <Ellipse.RenderTransform>
                    <RotateTransform Angle="180" CenterX="146" CenterY="146"  />
                </Ellipse.RenderTransform>
                <Ellipse.Triggers>
                    <EventTrigger RoutedEvent="Window.Loaded">
                        <BeginStoryboard>
                            <Storyboard RepeatBehavior="Forever">
                                <DoubleAnimation Storyboard.TargetName="m_Ellipse2"
                                                 Storyboard.TargetProperty="(Ellipse.RenderTransform).(RotateTransform.Angle)"
                                                 To="360" 
                                                 Duration="0:0:5"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Ellipse.Triggers>
            </Ellipse>

            <Button Content="PopButton" HorizontalAlignment="Left" Margin="18,126,0,0" VerticalAlignment="Top" Width="75"/>
        </Grid>
        
    </Grid>