学Silverlight 2系列（5）：实现简单的拖放功能

学Silverlight 2系列（5）：实现简单的拖放功能2011-09-10 cnblogs TerryLee本文为系列文章第五篇，利用前面讲过的鼠标事件处理实现简单的拖放功能。

准备XAML

在实现拖放功能中，分为三个步骤：

1.按下鼠标，触发MouseLeftButtonDown事件，选择要拖动的对象。

2.移动鼠标，触发MouseMove事件，移动选择的对象。

3.放开鼠标，触发MouseLeftButtonUp事件，停止捕捉事件。

做一个简单的界面，用一个按钮来显示拖放，如下XAML声明：

<Canvas Background="#46461F">
  <Button
     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="smile_6.png"></Image>
         <TextBlock Text="拖动我" VerticalAlignment="Center" Margin="10"></TextBlock>
       </StackPanel>
    </Button.Content>
   </Button>
</Canvas>

这里为了界面显示效果，使用了控件模板，后续会专门讲到。