原文 Windows Phone 8初学者开发—第15部分:在选中ListItem时播放声音

第15部分:在选中ListItem时播放声音

原文地址:  http://channel9.msdn.com/Series/Windows-Phone-8-Development-for-Absolute-Beginners/Part-15-Playing-a-Sound-when-a-ListItem-is-Selected

系列地址: http://channel9.msdn.com/Series/Windows-Phone-8-Development-for-Absolute-Beginners

源代码: http://aka.ms/absbeginnerdevwp8 
PDF版本: http://aka.ms/absbeginnerdevwp8pdf

我们已经用实时数据加载了数据模型,其中重要的是声音文件的位置,其实播放声音是比较容易的。

本课的计划:

  1. 我们将向页面添加一个MediaElement控件,我们不以声明方式设置Source属性,而以编程方式进行设置
  2. 我们将关联到一个事件处理程序,它在每次用户点击不同磁贴时被触发
  3. 在该事件处理程序方法中我们将设置MediaElement控件的属性

1. 向MainPage.xaml添加MediaElement

因为每个PivotItem都需要使用MediaElement,我将在靠近代码的顶部位于LayoutRoot Grid控件的下方添加该控件。

请注意42行,我给MediaElement定义了一个名称,因为我打算在C#中通过编程方式访问它,我将Volume设置为1,它代表最高音量。

2. 处理LongListSelector_SelectionChanged事件

接着我向LongListSelector添加了一个属性,它将在每次磁贴被点击时被触发。我使用了在前面视频中演示的技术来让Visual Studio创建事件处理程序方法的名称和事件处理程序方法的存根。(提示:输入SelectionChanged=",在上下文对话框出现时按Enter键以自动完成代码的其余部分)。代码现在看起来是这样:

导航到代码隐藏文件中该事件处理程序方法,并实现播放与磁贴相关声音的代码:

  1. 这里我们获取与LongListSelector相关的引用。因为在页面中有五个LongListSelector(因为有五个对页面Resources中DataTemplate的引用),我们需要访问用户单击的那个(或者更准确地说,找到LongListSelector中被单击的列表项)。请注意改行末尾的"as LongListSelector"。这是一种数据类型转换形式,sender是object类型变量,但是我们知道它一定是一个LongListSelector。这里使用的"as"关键字将把sender转换为LongListSelector类型。
  2. 我们需要确保selector不为空。虽然可能性不大,但是完全有可能因为某些地方出了问题一些其它的类型传递给了sender。通过防御性编程,我们防范了这种可能性。
  3. 同样,我们需要访问被选中的列表项,所以我们访问selector的SelectItem并尝试将它转换为SoundData类型的对象
  4. 再次,我们需要确保data对象不为空。虽然可能性不大,但是完全有可能因为某些地方出了问题从SelectedItem属性获取了一些其它的类型。通过防御性编程,我们防范了这种可能性。
  5. 现在我们获得了被选中的SoundData,我们将它设置为MediaElement的Source属性。

让我们运行并测试应用程序:

起初它看起来工作得很好,但经过反复测试,我意识到存在一个问题。如果我们再次点击相同的磁贴将听不到声音。这是因为选择没有发生变化,所以事件处理程序没有被触发。

3. 修复选择问题

要解决这个问题,我们需要在播放完成后将SelectedItem重置为空。

重新运行和测试应用程序证明了解决方案的正确性。

回顾

综上所述,本课的重点是如何通过编程的方式处理MediaPlayer元素,做法是设置它的Source属性以动态更改播放的声音。我们学习了"as"关键字,它用于对兼容的引用类型执行转换。在我们的例子中,我们需要将输入属性"object sender"强制转换为LongListSelector以及将SelectedItem转换为DataTemplate 绑定到的类型SoundData。最后,我们学习了如何通过设置SelectedItem属性为空来取消LongListSelector的选中项。

Windows Phone 8初学者开发—第15部分:在选中ListItem时播放声音的更多相关文章

  1. Windows Phone 8初学者开发—第14部分:在运行时绑定到真实的数据

    原文 Windows Phone 8初学者开发—第14部分:在运行时绑定到真实的数据 第14部分:在运行时绑定到真实的数据 原文地址: http://channel9.msdn.com/Series/ ...

  2. Windows Phone 8初学者开发—第12部分:改进视图模型和示例数据

    原文 Windows Phone 8初学者开发—第12部分:改进视图模型和示例数据 第12部分:改进视图模型和示例数据 原文地址:http://channel9.msdn.com/Series/Win ...

  3. Windows Phone 8初学者开发—第13部分:设置LongListSelector中磁贴的样式

    原文 Windows Phone 8初学者开发—第13部分:设置LongListSelector中磁贴的样式 第13部分:设置LongListSelector中磁贴的样式 原文地址: http://c ...

  4. Windows Phone 8初学者开发—第11部分:设置SounBoard应用程序

    原文 Windows Phone 8初学者开发—第11部分:设置SounBoard应用程序 原文地址: http://channel9.msdn.com/Series/Windows-Phone-8- ...

  5. Windows Phone 8初学者开发—第10部分:数据绑定应用程序和透视应用程序项目模板简介

    原文 Windows Phone 8初学者开发—第10部分:数据绑定应用程序和透视应用程序项目模板简介 原文地址: http://channel9.msdn.com/Series/Windows-Ph ...

  6. Windows Phone 8初学者开发—第9部分:Windows Phone 8模拟器概述

    原文 Windows Phone 8初学者开发—第9部分:Windows Phone 8模拟器概述 第9部分:Windows Phone 8模拟器概述 原文地址: http://channel9.ms ...

  7. Windows Phone 8初学者开发—第8部分:理解编译和部署

    原文 Windows Phone 8初学者开发—第8部分:理解编译和部署 第8部分:理解编译和部署 原文地址: http://channel9.msdn.com/Series/Windows-Phon ...

  8. Windows Phone 8初学者开发—第7部分:本地化应用程序

    原文 Windows Phone 8初学者开发—第7部分:本地化应用程序 第7部分:本地化应用程序 原文地址: http://channel9.msdn.com/Series/Windows-Phon ...

  9. Windows Phone 8初学者开发—第6部分:设置应用程序的样式

    原文 Windows Phone 8初学者开发—第6部分:设置应用程序的样式 Source Code: http://aka.ms/absbeginnerdevwp8  PDF Version: ht ...

随机推荐

  1. 【图文教程】用“iz3d”软件将您的游戏打造为红蓝3D游戏。

    iz3d是一款能将普通3D游戏转换为红蓝3D游戏的软件.基本上支持所有游戏,或许没用过的人会认为这只是类似于播放器中的一个小功能,将平面图形做成“伪3D”红蓝效果. 实际上不是的,游戏与平面图的结构不 ...

  2. 帝国cms栏目死变量

    这里为帝国学习者们放出帝国学习者们会用到的栏目死变量,不需要灵动或者万能标签能调用,在任何位置都能使用 栏目路径:<?=$public_r[newsurl].$class_r[1]['class ...

  3. SpringMVC之访问静态文件

    我们在进行springMVC开发时,必定会在jsp页面引入js文件.img文件和css文件.大多数人会将这些分类存放在WebRoot文件下新建的文件夹下面.同时,会在web.xml文件中配置拦截所有请 ...

  4. Maven 版 JPA 最佳实践(转)

    项目结构图 数据库环境 数据库:MySQL 版本:5.x 数据库名:jpa-demo 用户名密码:root/1234 代码清单 1:数据库脚本: ? 1 2 3 4 5 6 7 8 9 10 11 1 ...

  5. 关于python 模块导入

    如何将自己写的库加入到python的库路径中: 首先查看python包含的库路径,步骤如下: a.打开python命令界面 b.import  sys    c.sys.path 1.在python安 ...

  6. (译)Node.js的全局变量

    原文标题:Global Variables in Node.js 原文链接:http://www.hacksparrow.com/global-variables-in-node-js.html 你可 ...

  7. MAVEN入门(二)

    一.IDEA+MAVEN+Tomcat7 创建一个简单的Web app 1.用IDEA创建一个maven项目 注意: 红色部分一定要自己手选本地配置好的maven_home的地址,否则IDEA会选用内 ...

  8. java int and string convert

    int -> String int i=12345; String s=""; 第一种方法:s=i+""; 第二种方法:s=String.valueOf( ...

  9. ajax是怎么发请求的和浏览器发的请求一样吗?cookie

    下午设置cookie时出现了个问题 用ajax发的post请求php,在php的方法里设置了cookie,然后在浏览器请求的php里打印cookie值但是一直获取不到cookie的值 分析: 1.aj ...

  10. 解决Jetty Maven Plugin:Please initialize the log4j system properly(转)

    解决Jetty Maven Plugin:Please initialize the log4j system properly.Jetty Maven Plugin环境: <plugin> ...