风云的银光志Silverlight4.0教程之使用鼠标右键事件和滚轮事件

 

我们先来看一下程序功能和运行效果：

弹出右键菜单

切换不同的图片

使用滑轮调整缩放比例0.8倍

使用滑轮调整缩放比例1.8倍

      首先我们定义了基于LayoutRoot的鼠标右键和滚轮事件，通过Image来显示被缩放的图片内容，右键菜单显示时会与鼠标的位置始终一致，delTa和Flag分别控制缩放的倍数和每次缩放的大小因数值。

C#：

@H_772_77@ 1                  public   @H_868_80@mouseWheelSample ( )
2                  {
3                          InitializeComponent ( ) ;
4                          this . Loaded   + =   new   RoutedEventHandler ( @H_868_80@mouseWheelSample_Loaded ) ;
5                  }
6 
7                  // delTa值
8                  private   static   double   delTa   =   1 ;
9                  // 缩放的增量值
10                 private   static   double   flag   =   0 . 1 ;
11                 void   @H_868_80@mouseWheelSample_Loaded ( object   sender,   RoutedEventArgs   e )
12                 {
13                         // 默认右键菜单是隐藏状态
14                         lstMenu . Visibility   =   System . Windows . Visibility . Collapsed;
15                         // 定义鼠标滚轮事件处理
16                         LayoutRoot . @H_868_80@mouseWheel   + =   new   @H_868_80@mouseWheelEventHandler ( LayoutRoot_MouseWheel ) ;
17                         // 定义鼠标左键事件处理
18                         LayoutRoot . @H_868_80@mouSELEftButtonUp   + =   new   @H_868_80@mouseButtonEventHandler ( LayoutRoot_MouSELEftButtonUp ) ;
19                         // 定义鼠标右键事件处理
20                         LayoutRoot . @H_868_80@mouseRightButtonDown   + =   new   @H_868_80@mouseButtonEventHandler ( LayoutRoot_MouseRightButtonDown ) ;
21                         // 定义右键菜单改变项事件处理
22                         lstMenu . SELEctionChanged   + =   new   SELEctionChangedEventHandler ( lstMenu_SELEctionChanged ) ;
23                         // 添加右键菜单项
24                         CreateMenu ( ) ;
25                 }
26                 void   CreateMenu ( )
27                 {
28                         for   ( int   i   =   0 ;   i   <   10 ;   i + + )
29                         {
30                                 lstMenu . Items . Add ( new   ListBoxItem ( )  
31                                 {  
32                                         Content   =   String . Format ( " avatar_{0}.jpg " ,   i )
33                                 } ) ;
34                         }
35                 }
36                 void   LayoutRoot_MouseRightButtonDown ( object   sender,   @H_868_80@mouseButtonEventArgs   e )
37                 {
38                         // 取得当前菜单位置坐标
39                         Point   pos   =   e . GetPosition ( LayoutRoot ) ;
40                         // 定位右键菜单
41                         lstMenu . @H_868_80@margin   =   new   Thickness ( pos . X   ,   pos . Y   ,   0 ,   0 ) ;
42                         // 显示右键菜单
43                         lstMenu . Visibility   =   System . Windows . Visibility . Visible;
44                         e . Handled   =   true ;
45                 }
46                 void   lstMenu_SELEctionChanged ( object   sender,   SELEctionChangedEventArgs   e )
47                 {
48                         // 设置图片
49                         img . source   =   new   BitmapImage ( new   Uri ( String . Format ( " Images/avatar_{0}.jpg "
50                                 ,   lstMenu . SELEctedIndex ) ,UriKind . Relative ) ) ;
51                 }
52                 void   LayoutRoot_MouSELEftButtonUp ( object   sender,   @H_868_80@mouseButtonEventArgs   e )
53                 {
54                         // 隐藏右键菜单
55                         lstMenu . Visibility   =   System . Windows . Visibility . Collapsed;
56                 }
57                 // 鼠标滚轮事件
58                 private   void   LayoutRoot_MouseWheel ( object   sender,   @H_868_80@mouseWheelEventArgs   e )
59                 {
60                         if   ( e . Delta   >   0 )
61                         {
62                                 // 放大
63                                 delTa   + =   flag;
64                         }
65                         else
66                         {
67                                 if   ( delTa   >   flag )
68                                 {
69                                         // 缩小
70                                         delTa   - =   flag;
71                                 }
72                         }
73                         // 提示
74                         tbTip . Text   =   " 缩放： "   +   delTa   +   " 倍 " ;
75                         // 应用缩放
76                         st . ScaleX   =   st . ScaleY   =   delTa;
77                 }