读书频道 > 网站 > 网页设计 > Windows 8应用开发权威指南
3.2.8 事件
13-04-13    奋斗的小年轻
收藏    我要投稿   

本文所属图书 > Windows 8应用开发权威指南

本书应该是目前最为系统、全面、详尽和极具实战性的一本关于Windows应用商店应用开发的著作。书中深刻地阐述了Windows应用商店应用简洁、直观、优雅的界面设计理念和思想,以及开发中的重点和难点。技术内容涵盖...立即去当当网订购

事件是Windows消息机制中的重要概念,也是较常见的人机交互方式之一。如果一个对象触发一个事件,那么此对象就称为事件发送者,而该事件所影响的对象则称为事件接收者。在传统应用中,一个对象触发事件后,只能有一个事件接收者。像在Windows窗体应用程序开发中,事件的发送者和接收者是同一个对象,例如,单击一个按钮对象,这个按钮对象会触发Click事件,同时该对象的后台代码将接收Click事件,并且执行相关的事件处理程序。

1. XAML事件

在XAML中也使用事件机制来管理用户的操作,每个操作对应一个事件,根据用户的不同操作执行不同的事件处理程序,进而产生不同的行为。

例如,向一个页面中添加一个按钮,并为按钮注册Click事件的事件处理方法,来响应对这个按钮的单击操作,相应的XAML代码片段如下所示:
<Button Name="OpenButton" Click="Button_Click">打开</Button>

在上面代码中,Click事件的处理方法是Button_Click,当单击按钮时会触发按钮的Click事件,后台就会调用事件处理方法Button_Click来处理这个事件。Button_Click方法的代码片段如下所示:
private void Button_Click(object sender, RoutedEventArgs e)
{
   // 在此处编写事件处理过程的代码
}

下面通过一个简单的示例来演示如何使用XAML中的事件。新建一个Windows应用商店的空白应用程序项目,将其命名为ButtonClickEventApplication。打开MainPage.xaml文件,在Grid元素中添加如下代码片段:
<Button Content="点击这里" Margin="112,339,0,391" Click="Button_Click"/>
<TextBox Name="ShowText" TextAlignment="Center" Margin="235,337,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="40" Width="85"/>

在上面的代码中,首先添加了一个Button按钮,设置按钮的Content属性值为“点击这里”,并为按钮的Click事件注册事件处理方法Button_Click;然后添加了一个TextBox文本框,名称为ShowText,并设置TextAlignment属性值为Center,使文本内容采用居中对齐方式。同时,使用鼠标将这两个控件拖动到界面中合适的位置。

布局好前台界面后,打开MainPage.xaml.cs文件,定义“点击这里”按钮的Click事件处理方法Button_Click,实现单击按钮时在ShowText文本框中显示“提交成功”,相应的代码片段如下:
private void Button_Click(object sender, RoutedEventArgs e)
{
    // 在ShowText文本框中显示“提交成功”文本信息
    ShowText.Text = "提交成功";
}

在上面的代码中,将“提交成功”字符串赋值给ShowText文本框的Text属性,使ShowText文本框显示相应的文本内容。

启动调试,在没有单击“点击这里”按钮之前,文本框中的内容是空的,效果如图3-11所示。单击“点击这里”按钮,文本框显示出“提交成功”,从而响应了单击按钮的操作,效果如图3-12所示。


 

2. 路由事件

XAML不仅继承了传统的事件处理方式,还引入了一个增强型事件处理机制:路由事件(RoutedEvent)。路由事件和传统事件的不同是:路由事件允许一个对象触发事件后,可以同时拥有多个事件接收者。也就是说,路由事件可以针对多个对象(而不是仅针对触发该事件的对象)调用事件处理程序。

在XAML文件中,所有的元素对象构成一种嵌套结构,当应用程序运行时,也将按照层次结构顺序由外到内对这些元素对象进行初始化,最终生成一个对象树。在Windows应用商店的空白应用程序项目中,最终生成一个以Page元素为根的对象树。基于对象树的概念,XAML中路由事件处理方式可分为以下三种。

冒泡路由方式。一个对象触发事件后,事件将沿着对象树由下至上、由子元素对象到父元素对象传播扩散,直到对象树的根元素,或者该事件的Handled属性取值为true时,完成处理。在传播扩散中,所有涉及的元素对象都会调用相应的事件处理程序。

隧道路由方式。该类事件处理方式和冒泡方式相反,在对象触发事件后,事件将从根对象传播扩散到触发该事件的对象,或者该事件的Handled属性取值为 true时,完成处理。

直接路由方式。在这种处理方式中事件不进行向上或向下传播扩散,仅作用于触发该事件的当前对象上。

下面以冒泡路由方式为例来演示路由事件的处理过程。新建一个Windows应用商店的空白应用程序项目,将其命名为BubblingRoutedEventApplication,打开项目下的MainPage.xaml文件,在Grid元素中添加如下代码:
<Grid  PointerPressed="Grid_PointerPressed" Height="250" Width="300" Background="Black">
    <TextBlock Text="Grid控件" FontWeight="Bold" Margin="5"/>
    <Canvas Background="Gray" PointerPressed="Canvas_PointerPressed" Margin="29,30,25,35">
        <TextBlock Text="Canvas控件" FontWeight="Bold" Foreground="White" Margin= "5"/>
        <StackPanel Height="117" Width="196" Background="Black" Canvas.Top="30" Canvas.Left="26" PointerPressed="StackPanel_PointerPressed">
            <TextBlock Text="StackPanel控件" FontWeight="Bold" Margin="5"/>
            <TextBlock Text="事件冒泡顺序是:" FontWeight="Bold" Margin="5"/>
            <TextBox Name="ShowEventOrder" BorderBrush="Gray" Background="Black" FontSize="10" Foreground="White" TextWrapping="Wrap" Margin="10,0" Height="65"/>
        </StackPanel>
    </Canvas>
</Grid>

在上面的代码中,添加了一个Grid控件,设置背景色为黑色,并为PointerPressed事件注册了处理方法Grid_PointerPressed,同时在该控件内部添加了一个TextBlock控件和一个Canvas控件, 其中TextBlock控件的文本内容为“Grid控件”,Canvas控件的背景色为灰色,并为Canvas控件的PointerPressed事件注册了处理方法Canvas_PointerPressed。接着在Canvas控件内又添加了一个TextBlock控件和一个StackPanel控件,TextBlock控件的文本内容为“Canvas控件”,文本颜色为白色,StackPanel控件的背景色为黑色,并为PointerPressed事件注册了处理方法StackPanel_PointerPressed。最后在StackPanel控件中,先添加了两个TextBlock文本块,其中一个文本块的文本内容为“StackPanel控件”,另一个文本块的文本内容为“事件冒泡顺序是:”,随后又定义了一个文本框,将其命名为ShowEventOrder,并分别设置文本框的边框颜色和字体颜色等。

布局好前台界面后,打开MainPage.xaml.cs文件,分别为Grid控件、Canvas控件和StackPanel控件的PointerPressed事件定义相应的事件处理方法。

Grid控件的PointerPressed事件处理方法Grid_PointerPressed的代码片段如下所示:
private void Grid_PointerPressed(object sender, PointerRoutedEventArgs e)
{
    ShowEventOrder.Text += "Grid; ";
    e.Handled = true;
}

在上面的代码中,将“Grid; ”字符串追加到ShowEventOrder文本框中,并通过设置参数e的Handled属性值为true来停止事件传播。

Canvas控件的PointerPressed事件处理方法Canvas_PointerPressed的代码片段如下所示:
private void Canvas_PointerPressed(object sender, PointerRoutedEventArgs e)
{
    // 将“Canvas - ”字符串追加到ShowEventOrder文本框中
    ShowEventOrder.Text += "Canvas - ";
}

StackPanel控件的PointerPressed事件处理方法StackPanel_PointerPressed的代码片段如下所示:
private void StackPanel_PointerPressed(object sender, PointerRoutedEventArgs e)
{
    // 将“StackPanel - ”字符串追加到ShowEventOrder文本框中
    ShowEventOrder.Text += "StackPanel - ";
}

启动调试,未单击任何控件区域之前的效果如图3-13所示。

当单击Grid控件区域时,Grid对象会触发PointerPressed事件,并且调用相应的事件处理方法Grid_PointerPressed,完成将字符串“Grid; ”追加到ShowEventOrder文本框中。这时,事件的Handled属性值已经为true,所以事件停止扩散,最终产生的结果如图3-14所示。


 

当单击Canvas控件区域时,Canvas对象会触发PointerPressed事件,并且调用相应的事件处理方法Canvas_PointerPressed,完成将字符串“Canvas- ”追加到ShowEventOrder文本框中。由于Canvas对象还有一个父对象Grid,因此事件会继续向上传播,调用Grid的事件处理方法Grid_PointerPressed。事件传到Grid对象后将停止传播,最终产生的结果如图3-15所示。

当单击StackPanel控件区域时,StackPanel对象会触发PointerPressed事件,并且调用相应的处理方法StackPanel_PointerPressed,完成将字符串“StackPanel - ”追加到ShowEventOrder文本框中。由于StackPanel对象上面还有父对象,因此事件会继续向上传播,依次调用Canvas对象的事件处理方法Canvas_PointerPressed和Grid对象的事件处理方法Grid_PointerPressed。事件传到Grid对象后将停止传播,最终产生的结果如图3-16所示。


 

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站