Silverlight实现对图片的拖放

但是在执行的时候，MouseLeftButtonDown事件总是无法触发。查看了一些资料，才知道这是一个设计原则上的问题。控件在捕获了 MouseLeftButtonDown事件后，会将该事件的“Handled”设置为True，这个属性是用在事件路由中的，当某个控件得到一个 RoutedEvent，就会检测Handled是否为true，为true则忽略该事件。

    并且，控件本身的Click事件，相当于将MouseLeftButtonDown事件抑制（Supress)掉了，转换成了Click事件。所以，如果一定要使用这个事件的话，需要在初始化的函数里利用UIElement的AddHandler方法，显式的增加这个事件。

XAML文件：

<UserControl x:Class="TuoZhuaiSilverlightApplication.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Canvas Background="Blue" x:Name="myCanvas">
        <Button x:Name="btnGo"
            MouseLeftButtonDown="OnMouseDown"
            MouseMove="OnMouseMove"
            MouseLeftButtonUp="OnMouseUp"
            Canvas.Left="50" Canvas.Top="50" Background="Red"
            FontSize="18"
            Width="160" Height="80">
            <Button.Content>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"
                             VerticalAlignment="Center">
                    <Image Source="360软件小助手截图20120821152924.jpg"></Image>
                    <TextBlock Text="拖动我" VerticalAlignment="Center" Margin="10"></TextBlock>                    
                </StackPanel>
            </Button.Content>
        </Button>
    </Canvas>
</UserControl>

 

C#文件：

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Diagnostics;

namespace TuoZhuaiSilverlightApplication
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            //myCanvas.AddHandler(Canvas.MouseLeftButtonDownEvent,
            //    new MouseButtonEventHandler(this.OnMouseDown), true);
            btnGo.AddHandler(Button.MouseLeftButtonDownEvent,
                new MouseButtonEventHandler(this.OnMouseDown), true);
            btnGo.AddHandler(Button.MouseLeftButtonUpEvent,
                new MouseButtonEventHandler(this.OnMouseUp), true);

        }
        bool trackingMouseMove = false;
        Point mousePosition;

        void OnMouseDown(object sender, MouseButtonEventArgs e)
        {
            FrameworkElement element = sender as FrameworkElement;
            mousePosition = e.GetPosition(null);
            trackingMouseMove = true;
            if (null != element)
            {
                element.CaptureMouse();
                element.Cursor = Cursors.Hand;
            }
        }

        void OnMouseMove(object sender, MouseEventArgs e)
        {
            FrameworkElement element = sender as FrameworkElement;
            if (trackingMouseMove)
            {
                double deltaV = e.GetPosition(null).Y - mousePosition.Y;
                double deltaH = e.GetPosition(null).X - mousePosition.X;
                double newTop = deltaV + (double)element.GetValue(Canvas.TopProperty);
                double newLeft = deltaH + (double)element.GetValue(Canvas.LeftProperty);

                element.SetValue(Canvas.TopProperty, newTop);
                element.SetValue(Canvas.LeftProperty, newLeft);

                mousePosition = e.GetPosition(null);
            }
        }

        void OnMouseUp(object sender, MouseButtonEventArgs e)
        {
            FrameworkElement element = sender as FrameworkElement;
            trackingMouseMove = false;
            element.ReleaseMouseCapture();

            mousePosition.X = mousePosition.Y = 0;
            element.Cursor = null;
        }
    }
}