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;

        }