|
|
概述
Silverlight 2 Beta 1版本發(fā)布了，無(wú)論從Runtime還是Tools都給我們帶來(lái)了很多的驚喜，如支持框架語(yǔ)言Visual Basic, Visual C#, IronRuby, IronPython，對(duì)JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學(xué)Silverlight 2系列》文章帶您快速進(jìn)入Silverlight 2開(kāi)發(fā)。
本文為系列文章第四篇，學(xué)習(xí)Silverlight 2中的鼠標(biāo)事件處理，支持的鼠標(biāo)事件包括MouseMove 、MouseEnter 、MouseLeave 、MouseLeftButtonDown、MouseLeftButtonUp。
聲明事件
對(duì)于鼠標(biāo)事件我們可以附加到任何Silverlight對(duì)象上面，如下面的XAML聲明，為兩個(gè)圓形添加上MouseEnter和MouseLeave事件：
<Canvas Background="#46461F"> <Ellipse Width="120" Height="120" Fill="Orange" Canvas.Top="60" Canvas.Left="80" MouseEnter="OnMouseEnter" MouseLeave="OnMouseLeave"/> <Ellipse Width="120" Height="120" Fill="Orange" Canvas.Top="60" Canvas.Left="280" MouseEnter="OnMouseEnter" MouseLeave="OnMouseLeave"/></Canvas>
編寫(xiě)事件處理程序，鼠標(biāo)放上去時(shí)和鼠標(biāo)移開(kāi)時(shí)分別改變圓形的填充色：
void OnMouseEnter(object sender, MouseEventArgs e){ Ellipse ell = sender as Ellipse; ell.Fill = new SolidColorBrush(Colors.Yellow);}void OnMouseLeave(object sender, MouseEventArgs e){ Ellipse ell = sender as Ellipse; ell.Fill = new SolidColorBrush(Colors.Green);}
分別在兩個(gè)圓形上放上鼠標(biāo)并移開(kāi)后如下所示：
使用代碼管理事件
除了在XAML中聲明事件外，也可以直接使用代碼來(lái)注冊(cè)事件，簡(jiǎn)單的修改一下上面的XAML文件，去掉事件的聲明并為兩個(gè)圓形分別加上Name：
<Canvas Background="#46461F"> <Ellipse x:Name="ellipse1" Width="120" Height="120" Fill="Orange" Canvas.Top="60" Canvas.Left="80"/> <Ellipse x:Name="ellipse2" Width="120" Height="120" Fill="Orange" Canvas.Top="60" Canvas.Left="280"/></Canvas>
在代碼中進(jìn)行事件注冊(cè)：
public partial class Page : UserControl{ public Page() { InitializeComponent(); ellipse1.MouseEnter += new MouseEventHandler(OnMouseEnter); ellipse1.MouseLeave += new MouseEventHandler(OnMouseLeave); ellipse2.MouseEnter += new MouseEventHandler(OnMouseEnter); ellipse2.MouseLeave += new MouseEventHandler(OnMouseLeave); } void OnMouseEnter(object sender, MouseEventArgs e) { Ellipse ell = sender as Ellipse; ell.Fill = new SolidColorBrush(Colors.Yellow); } void OnMouseLeave(object sender, MouseEventArgs e) { Ellipse ell = sender as Ellipse; ell.Fill = new SolidColorBrush(Colors.Green); }}
事件數(shù)據(jù)
所有的鼠標(biāo)事件都使用MouseButtonEventArgs和MouseEventArgs作為事件數(shù)據(jù)，通過(guò)這兩個(gè)參數(shù)可以獲取相關(guān)事件數(shù)據(jù)，使用GetPosition方法或者Source、Handled屬性。如下面的XAML聲明：
<Canvas Background="#46461F"> <Rectangle Fill="Orange" Stroke="White" StrokeThickness="2" Canvas.Top="40" Canvas.Left="130" Width="240" Height="120" MouseMove="Rectangle_MouseMove"/> <TextBlock x:Name="Status" Foreground="White" Text="Status" Canvas.Left="100" Canvas.Top="200"/></Canvas>
為矩形添加MouseMove事件處理，在鼠標(biāo)移動(dòng)時(shí)我們獲取當(dāng)前坐標(biāo)位置，并顯示出來(lái)：
private void Rectangle_MouseMove(object sender, MouseEventArgs e){ Point p = e.GetPosition(e.Source as FrameworkElement); Status.Text = String.Format("坐標(biāo)位置（{0}:{1}）",p.X,p.Y);}
運(yùn)行后在矩形中移動(dòng)鼠標(biāo)，效果如下：
路由事件
在Silverlight中，提供了事件路由，使得我們可以在父節(jié)點(diǎn)上接收和處理來(lái)自于子節(jié)點(diǎn)的事件，Silverlight中的路由事件采用了冒泡路由策略。在鼠標(biāo)事件中MouseLeftButtonDown 、MouseLeftButtonUp 、MouseMove三個(gè)事件都支持路由事件，而MouseEnter、MouseLeave兩個(gè)事件不支持。下面的XAML中我們?yōu)镃anvas對(duì)象聲明了一個(gè)MouseLeftButtonDown事件：
<Canvas x:Name="ParentCanvas" Background="#46461F" MouseLeftButtonDown="ParentCanvas_MouseLeftButtonDown"> <Rectangle x:Name="RecA" Fill="Orange" Stroke="White" StrokeThickness="2" Canvas.Top="40" Canvas.Left="60" Width="160" Height="100"/> <Rectangle x:Name="RecB" Fill="LightBlue" Stroke="White" StrokeThickness="2" Canvas.Top="40" Canvas.Left="240" Width="160" Height="100"/> <TextBlock x:Name="Status" Foreground="White" Text="Status" Canvas.Left="100" Canvas.Top="200"/></Canvas>
添加MouseLeftButtonDown事件處理程序，顯示當(dāng)前鼠標(biāo)按下時(shí)的坐標(biāo)，并顯示源控件名稱：
private void ParentCanvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e){ String msg = "x:y = " + e.GetPosition(sender as FrameworkElement).ToString(); msg += " from " + (e.Source as FrameworkElement).Name; Status.Text = msg;}
運(yùn)行后在RecA上按下鼠標(biāo)：
在Canvas上按下鼠標(biāo)：
結(jié)束語(yǔ)
本文簡(jiǎn)單介紹了Silverlight 2中關(guān)于鼠標(biāo)事件處理的一些知識(shí)，包括事件注冊(cè)、獲取事件數(shù)據(jù)、路由事件等。在下一篇中，我們將使用這些鼠標(biāo)事件來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的拖放功能。
NET技術(shù)：一步一步學(xué)Silverlight ：鼠標(biāo)事件處理，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
