稳扎稳打Silverlight(13) - 2.0交互之鼠标事件和键盘事件

[索引页]
[源码下载]

稳扎稳打Silverlight(13) - 2.0交互之鼠标事件和键盘事件

作者：webabcd


介绍
Silverlight 2.0 人机交互：响应用户的鼠标操作和键盘操作
    MouseEnter - 鼠标进入时触发的事件（显然，此事件不能冒泡）
    MouseLeave - 鼠标离开时触发的事件（显然，此事件不能冒泡）
    MouseLeftButtonDown - 鼠标左键单击按下时触发的事件
    MouseLeftButtonUp - 鼠标左键单击按下并放开时触发的事件
    MouseMove - 鼠标移动时触发的事件
    MouseEventArgs.GetPosition() - 鼠标相对于指定元素的坐标
    MouseButtonEventArgs.Handled - 此事件是否已被处理
    KeyDown - 鼠标按下时触发的事件
    KeyUp - 鼠标按下并放开时触发的事件
    KeyEventArgs.Key - 与事件相关的键盘的按键 [System.Windows.Input.Key枚举]
    KeyEventArgs.Handled - 是否处理过此事件
    System.Windows.Input.Keyboard.Modifiers - 当前按下的辅助键 [System.Windows.Input.ModifierKeys枚举]


在线DEMO
http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html


示例
1、Mouse.xaml

<UserControl x:Class="Silverlight20.Interactive.Mouse"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
    <!--路由事件是一种可以针对元素树中的多个侦听器（而不是仅针对引发该事件的对象）调用处理程序的事件-->
    
    <!--
    MouseLeftButtonDown, MouseLeftButtonUp和MouseMove均为向上冒泡的路由事件
    本例的事件路由为：Ellipse -> StackPanel -> UserControl 或 Rectangle -> Canvas -> StackPanel -> UserControl
    如果不想向上冒泡，则可以使用 MouseButtonEventArgs.Handled = true 告知事件已被处理
    -->
    <StackPanel HorizontalAlignment="Left" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown" >

        <!--
        MouseEnter - 鼠标进入时触发的事件（显然，此事件不能冒泡）
        MouseLeave - 鼠标离开时触发的事件（显然，此事件不能冒泡）
        
        MouseLeftButtonDown - 鼠标左键单击按下时触发的事件
        MouseLeftButtonUp - 鼠标左键单击按下并放开时触发的事件
        MouseMove - 鼠标移动时触发的事件
        -->
        <Ellipse x:Name="ellipse" Width="200" Height="100" Fill="Red" Margin="5" 
            MouseEnter="ellipse_MouseEnter" 
            MouseLeave="ellipse_MouseLeave"
            MouseLeftButtonDown="ellipse_MouseLeftButtonDown"
            MouseLeftButtonUp="ellipse_MouseLeftButtonUp"
        >
        </Ellipse>

        <Canvas Margin="5">

            <!--用于演示拖放的矩形-->
            <Rectangle x:Name="rectangle" Fill="Blue" Width="50" Height="50"
                MouseLeftButtonDown="rectangle_MouseLeftButtonDown"
                MouseLeftButtonUp="rectangle_MouseLeftButtonUp"
                MouseMove="rectangle_MouseMove"
            />
            
        </Canvas>

    </StackPanel>
</UserControl>

Mouse.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace Silverlight20.Interactive

2、Keyboard.xaml

<!--
KeyDown - 鼠标按下时触发的事件
KeyUp - 鼠标按下并放开时触发的事件
-->
<!--
KeyDown和KeyUp均为向上冒泡的路由事件，本例的事件路由为：TextBox -> Canvas -> UserControl
-->
<UserControl x:Class="Silverlight20.Interactive.Keyboard"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    x:Name="userControl"
    KeyDown="userControl_KeyDown">
    
    <Canvas>
            
        <TextBox x:Name="textBox" Text="TextBox" />
        
    </Canvas>
    
</UserControl>

Keyboard.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace Silverlight20.Interactive

OK
[源码下载]