C#入门经典 25章的一个例子，利用WPF绘图。

XAML：

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        x:Class="Ch25Ex01.MainWindow"

        Title="Color Spinner" Height="370" Width="270">

    <Window.Resources>

        <Storyboard x:Key="Spin">

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"

                Storyboard.TargetName="ellipse1"

                Storyboard.TargetProperty=

   "(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)"

                RepeatBehavior="Forever">

                <SplineDoubleKeyFrame KeyTime="00:00:10" Value="360"/>

            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"

                Storyboard.TargetName="ellipse2"

                Storyboard.TargetProperty=

    "(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)"

                RepeatBehavior="Forever">

                <SplineDoubleKeyFrame KeyTime="00:00:10" Value="-360" />

            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"

                Storyboard.TargetName="ellipse3"

                Storyboard.TargetProperty=

    "(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)"

                RepeatBehavior="Forever">

                <SplineDoubleKeyFrame KeyTime="00:00:05" Value="360" />

            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"

                Storyboard.TargetName="ellipse4"

                Storyboard.TargetProperty=

    "(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)"

                RepeatBehavior="Forever">

                <SplineDoubleKeyFrame KeyTime="00:00:05" Value="-360" />

            </DoubleAnimationUsingKeyFrames>

        </Storyboard>

    </Window.Resources>

    <Window.Triggers>

        <EventTrigger RoutedEvent="FrameworkElement.Loaded">

            <BeginStoryboard Storyboard="{StaticResource Spin}"

                x:Name="Spin_BeginStoryBoard" />

        </EventTrigger>

        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="goButton" >

            <ResumeStoryboard BeginStoryboardName="Spin_BeginStoryBoard" />

        </EventTrigger>

        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="stopButton" >

            <PauseStoryboard BeginStoryboardName="Spin_BeginStoryBoard"/>

        </EventTrigger>

    </Window.Triggers>

    <Window.Background>

        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

            <GradientStop Color="#FFFFFFFF" Offset="0" />

            <GradientStop Color="#FFFFC45A" Offset="1" />

        </LinearGradientBrush>

    </Window.Background>

    <Grid>

        <Ellipse Margin="50,50,0,0" Name="ellipse5" Stroke="Black" Height="150"

            HorizontalAlignment="Left" VerticalAlignment="Top" Width="150">

            <Ellipse.Effect>

                <BlurEffect Radius="10" />

            </Ellipse.Effect>

            <Ellipse.Fill>

                <RadialGradientBrush>

                    <GradientStop Color="#FF000000" Offset="1" />

                    <GradientStop Color="#FFFFFFFF" Offset="0.306" />

                </RadialGradientBrush>

            </Ellipse.Fill>

        </Ellipse>

        <Ellipse Margin="15,85,0,0" Name="ellipse1" Stroke="{x:Null}"

            Height="80" HorizontalAlignment="Left" VerticalAlignment="Top"

            Width="120" Fill="Red" Opacity="0.5" RenderTransformOrigin="0.92,0.5">

            <Ellipse.Effect>

                <BlurEffect />

            </Ellipse.Effect>

            <Ellipse.RenderTransform>

                <TransformGroup>

                    <RotateTransform Angle="0"/>

                </TransformGroup>

            </Ellipse.RenderTransform>

        </Ellipse>

        <Ellipse Margin="85,15,0,0" Name="ellipse2" Stroke="{x:Null}"

            Height="120" HorizontalAlignment="Left" VerticalAlignment="Top"

            Width="80" Fill="Blue" Opacity="0.5" RenderTransformOrigin="0.5,0.92">

            <Ellipse.Effect>

                <BlurEffect />

            </Ellipse.Effect>

            <Ellipse.RenderTransform>

                <TransformGroup>

                    <RotateTransform Angle="0"/>

                </TransformGroup>

            </Ellipse.RenderTransform>

        </Ellipse>

        <Ellipse Margin="115,85,0,0" Name="ellipse3" Stroke="{x:Null}"

            Height="80" HorizontalAlignment="Left" VerticalAlignment="Top"

            Width="120" Opacity="0.5" Fill="Yellow"

            RenderTransformOrigin="0.08,0.5">

            <Ellipse.Effect>

                <BlurEffect />

            </Ellipse.Effect>

            <Ellipse.RenderTransform>

                <TransformGroup>

                    <RotateTransform Angle="0"/>

                </TransformGroup>

            </Ellipse.RenderTransform>

        </Ellipse>

        <Ellipse Margin="85,115,0,0" Name="ellipse4" Stroke="{x:Null}"

            Height="120" HorizontalAlignment="Left" VerticalAlignment="Top"

            Width="80" Opacity="0.5" Fill="Green"

            RenderTransformOrigin="0.5,0.08">

            <Ellipse.Effect>

                <BlurEffect />

            </Ellipse.Effect>

            <Ellipse.RenderTransform>

                <TransformGroup>

                    <RotateTransform Angle="0"/>

                </TransformGroup>

            </Ellipse.RenderTransform>

        </Ellipse>

        <Button Height="23" HorizontalAlignment="Left" Margin="20,0,0,56"

            Name="goButton" VerticalAlignment="Bottom" Width="75" Content="Go" />

        <Button Height="23" HorizontalAlignment="Left" Margin="152,0,0,56"

            Name="stopButton" VerticalAlignment="Bottom" Width="75" Content="Stop" />

        <Button Height="23" HorizontalAlignment="Left" Margin="85,0,86,16"

            Name="toggleButton" VerticalAlignment="Bottom" Width="75" Content="Toggle" Click="toggleButton_Click" />

    </Grid>

</Window>

交互逻辑：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using System.Windows.Media.Animation;

namespace Ch25Ex01

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void toggleButton_Click(object sender, RoutedEventArgs e)

        {

            Storyboard spinStoryboard = Resources["Spin"] as Storyboard;

            if (spinStoryboard != null)

            {

                if (spinStoryboard.GetIsPaused(this))

                    spinStoryboard.Resume(this);

                else

                    spinStoryboard.Pause(this);

            }

        }

    }

}

最终效果很炫哦，推荐自己动手实现。

利用WPF绘图的更多相关文章

  1. 【CITE】利用鼠标绘图C#

    实例018 利用鼠标绘图 光盘位置:光盘\MR\01\018 在常用的画图软件中,用户一般都可以通过鼠标在其中绘图,那么该功能是如何实现的呢?本实例将讲解如何使用C#实现通过拖动鼠标在窗体上绘图的功能 ...

  2. 利用WPF创建含多种交互特性的无边框窗体

    咳咳,标题一口气读下来确实有点累,让我先解释一下.另外文章底部有演示程序的下载. 本文介绍利用WPF创建一个含有以下特性的窗口: 有窗口阴影,比如QQ窗口外围只有几像素的阴影: 支持透明且无边框,为了 ...

  3. python中利用matplotlib绘图可视化知识归纳

    python中利用matplotlib绘图可视化知识归纳: (1)matplotlib图标正常显示中文 import matplotlib.pyplot as plt plt.rcParams['fo ...

  4. 利用WPF建立自己的3d gis软件（非axhost方式）（十二）SDK中的导航系统

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(十二)SDK中的导航系统 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew ...

  5. 利用WPF建立自己的3d gis软件（非axhost方式）（十三）万能的用户层接口，（强大的WPF）

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(十三)万能的用户层接口,(强大的WPF) 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt ...

  6. 利用WPF建立自己的3d gis软件（非axhost方式）（十一）SDK中的动画系统

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(十一)SDK中的动画系统 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew ...

  7. 利用WPF建立自己的3d gis软件（非axhost方式）（十）SDK中一些自带的展示面板应用

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(十)SDK中一些自带的展示面板应用 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV ...

  8. 利用WPF建立自己的3d gis软件（非axhost方式）（七）实现简单的粒子效果

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(七)实现简单的粒子效果 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew密 ...

  9. 利用WPF建立自己的3d gis软件（非axhost方式）（八）拖动一个UI到地球上

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(八)拖动一个UI到地球上 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew ...

随机推荐

  1. ZigZag Conversion [LeetCode]

    The string "PAYPALISHIRING" is written in a zigzag pattern on a given number of rows like ...

  2. word文档中查找和替换空格符和回车符

    空格符:^l 回车符:^p

  3. MVC中view页面用jquery方法绑定select控件值

    var sortid = '@Model.myWorkMatter.WorkMatterSortID'; $("#selectSort").val(sortid); $(" ...

  4. Problem 2020 组合（FOJ)

    Problem 2020 组合 Accept: 714    Submit: 1724Time Limit: 1000 mSec    Memory Limit : 32768 KB  Problem ...

  5. 六个前端开发工程师必备的Web设计模式/模块资源(转)

    [导读] Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件和模块响应式设计模式库这个响 ...

  6. 使用PL/SQL连接远程的Oracle数据库

    PL/SQL不仅可以连接本机的oracle数据库.也可以连接远程的数据库. 需要修改一个文件:在本机oracle 数据库的安装目录下找到这个文件: /oracle/ora92/network/admi ...

  7. C#图书资源【更新中...】喜欢的就转存吧

    百度分享暂时取消了,需要的朋友可以直接关注我,我发给你. 重点篇 1.C#与.NET3.5高级程序设计 2.C#与.NET3.5高级程序设计.rar 3.Effective_C#_中文版_改善C#程序 ...

  8. 关于linux服务器的批量维护、批量升级、

    由于版权费用原因,众多中小服务器采用linux服务器进行功能处理.在进行批量升级.更新业务程序时.可以采用如下批量方案: 1.打包成rpm包,并配置yum源服务器,以支持个人的yum服务器进行处理.一 ...

  9. InitializeComponent System.StackOverflowException

    因为一直重复调用了InitializeComponent,WPF报System.StackOverflowException错误,提示死循环似的调用.经过一阵排查得出下面结论: 避免在隐藏代码中使用O ...

  10. java转义字符探究恢复

    今天工作的时候,遇到了个奇怪的问题,是关于字符串转义与替换的.最后终于解决了,特总结下. 小demo, package com.westward; public class Demo { /** * ...