WPF 之Belling’s 课堂（3 ） 让物体动起来（运用CompositionTarget）（二）

上一个例子实现鼠标点击哪里矩形就用规定的时间跑到那里。无论距离长与否，都用相同的时间到达指点地点。

本例子实现的功能：

点击canvas的某一处，矩形按规定速度移动，无论长度是长是短。

前台UI设计：

View Code

1 <Window x:Class="WPF应用程序1.MainWindow"
2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4         Title="MainWindow" Height="350" Width="525">
5     <Canvas x:Name="Carria" Width="470" Height="297" Background="Blue" MouseLeftButtonDown="Carria_MouseLeftButtonDown"></Canvas>
6    
7 
8 </Window>

后台cs设计：

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 WPF应用程序1
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        Rectangle rect;  //创建一个方块作为演示对象
        double speed = 1;//设置移动速度
        Point moveTo;    //设置移动目标点

        public MainWindow()
        {
            InitializeComponent();
           
            //MessageBox.Show("zgz");
            rect = new Rectangle();
            rect.Fill = new SolidColorBrush(Colors.Bisque);
            rect.Width = 50;
            rect.Height = 50;
            rect.RadiusX = 5;
            rect.RadiusY = 5;

            Carria.Children.Add(rect);   //在canvas（名字是Carria）中加载上rect矩形。

            Canvas.SetLeft(rect, 100);//定位子元素相对canvas的位置
            Canvas.SetTop(rect, 100);
            //MessageBox.Show("zgz");
            //注册刷新界面,CompositionTarget表示您的应用程序的显示图面。
            CompositionTarget.Rendering += new EventHandler(Timer_Tick);
         }
         private void Carria_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            moveTo=e.GetPosition(Carria);//获得鼠标在canvas点击处的坐标。。。。
        }

        private void Timer_Tick(object sender, EventArgs e)
        {
            double rect_X = Canvas.GetLeft(rect);    //首先获得rect的相对于canvas的位置
            double rect_Y = Canvas.GetTop(rect); 
            Canvas.SetLeft(rect,rect_X+(rect_X<moveTo.X?speed:-speed));//此处将速度转换为移动到的小单位距离
            Canvas.SetTop(rect, rect_Y+(rect_Y<moveTo.Y?speed:-speed));
        }

        
       
    }
}