一步一步學Silverlight :鼠標事件處理

作者: TerryLee  來源: 博客園  發布時間: 2008-10-08 17:22  閱讀: 7339 次  推薦: 0   原文鏈接   [收藏]  
 

概述

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

本文為系列文章第四篇,學習Silverlight 2中的鼠標事件處理,支持的鼠標事件包括MouseMove 、MouseEnter 、MouseLeave 、MouseLeftButtonDown、MouseLeftButtonUp。

聲明事件

對于鼠標事件我們可以附加到任何Silverlight對象上面,如下面的XAML聲明,為兩個圓形添加上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>

編寫事件處理程序,鼠標放上去時和鼠標移開時分別改變圓形的填充色:

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

運行后效果如下:

TerryLee_Silverlight2_0030

分別在兩個圓形上放上鼠標并移開后如下所示:

TerryLee_Silverlight2_0031

0
0
 
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()