一步一步学Silverlight 2系列(6):键盘事件处理

概述

Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入Silverlight 2开发。

本文为系列文章第六篇,介绍Silverlight中的键盘处理事件,在Silverlight 2中,支持KeyDown和KeyUp两个事件。

声明事件

所有的事件声明过程都是一样的,在XAML中或者是在代码中进行注册。

<Canvas x:Name="LayoutRoot" Background="#46461F">
    <Ellipse x:Name="ellipse" Width="120" Height="120" Fill="Orange"
             Canvas.Top="50" Canvas.Left="160"
             Stroke="White" StrokeThickness="2"
             KeyUp="ellipse_KeyUp"
             KeyDown="ellipse_KeyDown"/>
</Canvas>

或者在代码中注册:

public partial class Page : UserControl
{
    public Page()
    {
        InitializeComponent();
        this.ellipse.KeyUp += new KeyEventHandler(ellipse_KeyUp);
        this.ellipse.KeyDown += new KeyEventHandler(ellipse_KeyDown);
    }

    private void ellipse_KeyUp(object sender, KeyEventArgs e)
    {

    }

    private void ellipse_KeyDown(object sender, KeyEventArgs e)
    {

    }
}

使用事件参数KeyEventArgs

使用事件参数可以获取到事件数据,可以使用的属性有Key、PlatformKeyCode、Handled、Source。

private void ellipse_KeyUp(object sender, KeyEventArgs e)
{
    if (e.Key == Key.R)
    {
        //......
    }
    else if(e.Key == Key.Ctrl && e.Key == Key.U)
    { 
        //......
    }
}

在事件数据中,Handled有时候非常有用,可以用来判断事件是否已经处理。

键盘路由事件

键盘事件KeyDown和KeyUp都支持路由事件,如下面的示例。

<Canvas x:Name="LayoutRoot" Background="#46461F" KeyUp="LayoutRoot_KeyUp">
    <TextBox x:Name="textbox" Width="200" Height="40"
             Canvas.Top="80" Canvas.Left="80"/>
    <Button x:Name="button" Width="100" Height="40"
             Canvas.Top="80" Canvas.Left="280"
             Background="Red" Margin="20 0 0 0" Content="Submit"/>
    <TextBlock x:Name="Status" Foreground="White"  Text="Status"
                   Canvas.Left="80" Canvas.Top="200"/>
</Canvas>

为Canvas注册了一个KeyUp事件,编写事件处理程序。

private void LayoutRoot_KeyDown(object sender, KeyEventArgs e)
{
    if (e.Key != Key.Unknown)
    {
        String msg = "The key " + e.Key.ToString();
        msg += " was pressed while focus was on " + (e.Source as FrameworkElement).Name;
        statusTextBlock.Text = msg;
    }
}

运行程序,当文本框获得焦点并输入t时

TerryLee_Silverlight2_0037

按钮获得焦点

TerryLee_Silverlight2_0038

结束语

关于键盘事件都简单的介绍到这儿,希望对大家有用。

下一篇:一步一步学Silverlight 2系列(7):全屏模式支持

作者:TerryLee
出处:http://terrylee.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
Tag标签: Silverlight,XAML
posted @ 2008-03-08 11:19 TerryLee 阅读(7165) 评论(20)  编辑 收藏 网摘 所属分类: [03]  银光点亮世界

  回复  引用    
#1楼 2008-05-06 11:53 | netfuns [未注册用户]
楼主好,
Ellipse 如何才能触发键盘事件。
怎么试都不行???

xmal:
<Canvas x:Name="LayoutRoot" Background="#46461F">
<Ellipse x:Name="ellipse" Width="120" Height="120" Fill="Orange"
Canvas.Top="50" Canvas.Left="160"
Stroke="White" StrokeThickness="2"
KeyUp="ellipse_KeyUp"
KeyDown="ellipse_KeyDown"/>
</Canvas>

cs:


private void ellipse_KeyUp(object sender, KeyEventArgs e)
{

}

private void ellipse_KeyDown(object sender, KeyEventArgs e)
{

}



  回复  引用  查看    
#2楼 2008-06-17 23:09 | 房客      
楼上,形状好像是不可以获取焦点的,应该是不可以有该类事件的吧?

我估计是只有可以获取焦点的控件上才可以触发这些交互事件。
  回复  引用  查看    
#3楼 2008-07-15 21:36 | qianbao      
飘过,学习了。。

谢谢LZ..
  回复  引用  查看    
#4楼 [楼主]2008-07-21 10:22 | TerryLee      
@qianbao
:)
  回复  引用    
#5楼 2008-08-23 14:16 | TM123456 [未注册用户]
只有可以获取焦点的控件上才可以触发这些交互事件
  回复  引用  查看    
#6楼 [楼主]2008-08-25 11:28 | TerryLee      
@TM123456
那是自然的。。。
  回复  引用    
#7楼 2008-10-23 11:15 | Qoo [未注册用户]
KeyUp="LayoutRoot_KeyUp"

private void LayoutRoot_KeyDown
  回复  引用    
#8楼 2008-11-10 16:13 | laurel [未注册用户]
是statusTextBlock.Text = msg;
还是Status.Text = msg;
  回复  引用  查看    
#9楼 [楼主]2008-11-12 11:19 | TerryLee      
@laurel
@Qoo
Sorry,粘贴代码错误:P
  回复  引用    
#10楼 2008-11-21 21:37 | lings [未注册用户]
TerryLee's 兄:

好久不来灌水了 :P

不知道我使用 一个 图像控件 去重载一个 文本框的方法
让 该图像也 拥有 获取焦点 的方法
那该


  回复  引用    
#11楼 2008-11-21 21:45 | lings [未注册用户]
@lings
啊,没打完 就不小小心发送了
继续.....

那该如何 实现呢?
图像有一个 GotFocus 的注册事件,
Image.GotFocus += new RoutedEventHandler(Image_GotFocus);
但我就不知道该怎么写这个事件的实现了
特来请教,望能指点下



  回复  引用  查看    
#12楼 [楼主]2008-11-22 00:07 | TerryLee      
@lings
我也没这样搞过,呵呵,改天有时间我测试一下:)

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-03-08 14:18 编辑过
Google站内搜索



相关文章:


相关搜索:
Silverlight XAML

相关链接: