WPF 跟随鼠标动画 by wgscd

WPF 跟随鼠标动画 by wgscd

<UserControl x:Class="WpfApplication1.Spark"

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

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

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

             mc:Ignorable="d" 

            x:Name="ctl" d:DesignHeight="60" d:DesignWidth="60">

    

    

    <UserControl.Resources>

        <Duration  x:Key="duration">0:0:0.8</Duration>

        

        <Storyboard x:Key="sb1" x:Name="sb1" Completed="Storyboard_Completed">

            <DoubleAnimation  From="1" To="0" Duration="0:0:0.8" Storyboard.TargetName="t1" Storyboard.TargetProperty="ScaleX"></DoubleAnimation>

            <DoubleAnimation  From="1" To="0" Duration="0:0:0.8" Storyboard.TargetName="t1" Storyboard.TargetProperty="ScaleY"></DoubleAnimation>

            <DoubleAnimation  From="0" To="-20" Duration="0:0:0.8" Storyboard.TargetName="t2" Storyboard.TargetProperty="X"></DoubleAnimation>

            <DoubleAnimation  From="1" To="0" Duration="0:0:0.8" Storyboard.TargetName="ctl" Storyboard.TargetProperty="Opacity"></DoubleAnimation>

        </Storyboard>

    </UserControl.Resources>

    

    <Grid>

        <Ellipse Fill="White" RenderTransformOrigin="0.5,0.5">

            <Ellipse.RenderTransform>

                <TransformGroup>

                    <ScaleTransform x:Name="t1" ScaleX="1" ScaleY="1"/>

                    <SkewTransform/>

                    <RotateTransform Angle="0"/>

                    <TranslateTransform x:Name="t2"  Y="0" X="0"/>

                   

                </TransformGroup>

                

            </Ellipse.RenderTransform>

        </Ellipse>

    </Grid>

</UserControl>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
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.Animation;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication1
{
    /// <summary>
    /// Spark.xaml 的交互逻辑
    /// </summary>
    public partial class Spark : UserControl
    {
        public Spark()
        {
            InitializeComponent();
            this.Width = this.Height = rnd.Next(23, 80);

        }
        Random rnd = new Random();
        public Spark(Point p)
        {
            InitializeComponent();
            this.Width = this.Height = rnd.Next(23,80);
            Canvas.SetLeft(this,p.X);
            Canvas.SetTop(this,p.Y);
           (Resources["sb1"] as Storyboard).Begin();
            
           
        }


        private void Storyboard_Completed(object sender, EventArgs e)
        {
            try
            {
                (Parent as Canvas).Children.Remove(this);
          
                //GC.Collect();
            }

            catch { }


        }









    }
}

　　

 

<Window x:Class="WpfApplication1.MainWindow"

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

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

        Title="MainWindow" Height="384" Width="631">

    <Grid>

        <Canvas x:Name="myCanvas" Background="#FF61C1F7" ManipulationDelta="myCanvas_ManipulationDelta" MouseMove="myCanvas_MouseMove"></Canvas>

    </Grid>

</Window>

------------------------------------------------------------​

        private void myCanvas_MouseMove(object sender, MouseEventArgs e)

        {

            myCanvas.Children.Add(new Spark(e.GetPosition(myCanvas)));

           //  myCanvas.Children.Add(new Spark());

            Title = "" + myCanvas.Children.Count;

        }