原文: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>

WPF模拟雷达界面效果图的更多相关文章

  1. 使用WPF技术模拟手机界面

    原文:使用WPF技术模拟手机界面 1. 前言 WPF(Windows Presentation Foundation),即"Windows呈现基础",它的目的非常明确,就是用来把数 ...

  2. WPF 模拟迅雷TabControl界面

    WPF模拟迅雷TabControl界面 点击查看下载 <!--TabControl样式--> <Style x:Key="TabControlStyle" Tar ...

  3. wpf 模拟3D效果(和手机浏览图片效果相似)（附源码）

    原文 wpf 模拟3D效果(和手机浏览图片效果相似)(附源码) pf的3D是一个很有意思的东西,类似于ps的效果,类似于电影动画的效果,因为动画的效果,(对于3D基础的摄像机,光源,之类不介绍,对于依 ...

  4. Wix 安装部署教程(九) --用WPF做安装界面

    经常安装PC端的应用,特别是重装系统之后,大致分为两类.一类像QQ,搜狗输入法这样的.分三步走的:第一个页面可以自定义安装路径和软件许可.第二个页面显示安装进度条,第三个页面推荐其他应用.先不管人家怎 ...

  5. WPF 模拟UI 键盘录入

    原文:WPF 模拟UI 键盘录入 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/yangyisen0713/article/details/1835 ...

  6. WPF模拟探照灯文字

    原文:WPF模拟探照灯文字 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/yangyisen0713/article/details/1835936 ...

  7. WPF模拟Office2010文件菜单的TabControl模板

    原文:WPF模拟Office2010文件菜单的TabControl模板 这是Office2010中的文件菜单点开后的效果.本文我将以强大的WPF(www.itstrike.cn)来实现类似的效果.希望 ...

  8. WPF旋转的界面实现

    原文:WPF旋转的界面实现 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/yangyisen0713/article/details/1821534 ...

  9. wpf中防止界面卡死的写法

    原文:wpf中防止界面卡死的写法 ); this.Dispatcher.BeginInvoke(new Action(() => { this.button1.Content = "计 ...

随机推荐

  1. WEB API 支持多种端的后台

    一套代码,支持多种平台 1. 支持web 可以js获取webapi的数据源.利用mvvm组织展现在html上. 2.支持安卓. post方法,安卓获取webapi的数据.

  2. I/O复用及epoll基础知识

    IO multiplexing IO multiplexing这个词可能有点陌生,但是如果我说select,epoll,大概就都能明白了.有些地方也称这种IO方式为event driven IO.我们 ...

  3. 使用CoreData [1]

    使用CoreData [1] 本篇教程能教你从无开始接触CoreData,包括新建工程,创建出实体,增删改查样样都有,属于使用CoreData最初级教程. 1. 创建带有CoreData的工程项目 2 ...

  4. 制作MacOS 系统启动盘

    1,首先需要在一台有MacOS系统,在Apple stroe下载MacOS High Sierra安装程序: 2,准备一个至少8G容量的U盘: 3,打开 “应用程序 → 实用工具 → 磁盘工具”,将U ...

  5. C++实现一个Vector3空间向量类（转）

    转自:http://www.2cto.com/kf/201311/260139.html ector2,3,4类在DirectX中都有现成的可以调用,不过要实现其中的功能其实也不难,也都是一些简单的数 ...

  6. Mina使用总结(四)传输对象ObjectSerializationCodecFactory

    用mina框架传输对象,对于开发者来说,直接传输对象,而不用自己编写相应的报文转换代码,将大大节省 开发时间. 即使用对象编码解码器 使用ObjectSerializationCodecFactory ...

  7. 如何检查oracle的归档空间是否满了

    如何检查oracle的归档空间是否满了   关于如何检查归档空间是否慢了,大多数人会去先检查放归档的目录的磁盘空间是否满了,通过该归档目录空余情况来判断归档空间是否满了,但我觉得这个方法不一定代表实际 ...

  8. MySQL-5.6版本GTID的主从复制

    mysql GTID Replication 一.GTID的概述: 1.全局事物标识:global transaction identifieds. 2.GTID事物是全局唯一性的,且一个事务对应一个 ...

  9. 通过golang 查询impala

    cloudera官方没有提供impala基于golang的驱动,github有github.com/bippio/go-impala package main import ( "conte ...

  10. BZOJ1189:[HNOI2007]紧急疏散EVACUATE(最大流,枚举)

    Description 发生了火警,所有人员需要紧急疏散!假设每个房间是一个N M的矩形区域.每个格子如果是'.',那么表示这是一 块空地:如果是'X',那么表示这是一面墙,如果是'D',那么表示这是 ...