概述

Silverlight 2 Beta 1版本發(fā)布了，無論從Runtime還是Tools都給我們帶來了很多的驚喜，如支持框架語言Visual Basic, Visual C#, IronRuby, IronPython，對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學(xué)Silverlight 2系列》文章帶您快速進(jìn)入Silverlight 2開發(fā)。

本文為系列文章第五篇，利用前面講過的鼠標(biāo)事件處理實(shí)現(xiàn)簡單的拖放功能。

準(zhǔn)備XAML

在實(shí)現(xiàn)拖放功能中，分為三個(gè)步驟：

1.按下鼠標(biāo)，觸發(fā)MouseLeftButtonDown事件，選擇要拖動(dòng)的對象。

2.移動(dòng)鼠標(biāo)，觸發(fā)MouseMove事件，移動(dòng)選擇的對象。

3.放開鼠標(biāo)，觸發(fā)MouseLeftButtonUp事件，停止捕捉事件。

做一個(gè)簡單的界面，用一個(gè)按鈕來顯示拖放，如下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="拖動(dòng)我" VerticalAlignment="Center" Margin="10"></TextBlock>            </StackPanel>        </Button.Content>    </Button></Canvas>

這里為了界面顯示效果，使用了控件模板，后續(xù)會專門講到。

開始拖放操作

開始拖放操作，實(shí)現(xiàn)MouseLeftButtonDown事件處理程序，用兩個(gè)全局變量來記錄當(dāng)前鼠標(biāo)的位置和鼠標(biāo)是否保持移動(dòng)。

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;    }}

移動(dòng)對象

移動(dòng)對象，實(shí)現(xiàn)MouseMove事件處理程序，計(jì)算元素的位置并更新，同時(shí)更新鼠標(biāo)的位置。

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);    }}

完成拖放操作

完成拖放操作，實(shí)現(xiàn)MouseLeftButtonUp事件處理程序。

void OnMouseUp(object sender, MouseButtonEventArgs e){    FrameworkElement element = sender as FrameworkElement;    trackingMouseMove = false;    element.ReleaseMouseCapture();    mousePosition.X = mousePosition.Y = 0;    element.Cursor = null;}

效果顯示

最終，完成后的效果如下

拖動(dòng)按鈕

結(jié)束語

本文實(shí)現(xiàn)了一個(gè)簡單的拖放功能（示例來自于Silverlight 2 SDK），點(diǎn)擊下載文本示例代碼。

NET技術(shù)：一步一步學(xué)Silverlight ：實(shí)現(xiàn)簡單的拖放功能，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。