WP7有约（八）：在ListPicker控件的选择页面上播放铃声

 

written by allen lee

 

 

 

     我们在listpicker控件的选择页面上实现了播放图标的效果，随后sjcxyf同学又发现了新的问题：

 

我在项目里面添加了一个mp3文件，然后我在页面加了一个mediaelement控件，我在image_tap事件里面添加了播放音乐的代码，但是表现出来的结果是当选择页面弹出来之后点击播放图标不能播放音乐，我试图尝试在选择模板里面加入mediaelement控件来实现，但是最后结果还是一样。

 

 

 

      在silverlight for windows phone里，mediaelement有一个很特别的限制，你必须把它添加到可视化树，否则它不会播放。假设我们在铃声设置页面上添加一个播放按钮，如图1所示，接着在这个按钮的click事件处理程序里创建mediaelement对象，然后通过它播放预先添加的铃声（这个铃声文件的build action属性的值是content），如代码1所示。

 

 

 

图1 铃声设置页面

 

 

代码1 通过mediaelement对象播放铃声

private void button_click(object sender, routedeventargs e)

{

    var media = new mediaelement();

    media.volume = 1;

    media.source = new uri(“windows logon sound.wav”, urikind.relative);

}

 

      运行这个应用程序，然后单击播放按钮，你会发现什么声音也没有。但如果我们在创建mediaelement对象之后把它添加到layoutroot里，如代码2所示，那么单击播放按钮就能听到声音了，因为此时mediaelement对象已在可视化树上了。

代码2 把mediaelement对象添加到layoutroot

private void button_click(object sender, routedeventargs e)

{

    var media = new mediaelement();

    layoutroot.children.add(media);

    media.volume = 1;

    media.source = new uri("windows logon sound.wav", urikind.relative);

}

 

      这正是为什么我们经常看到别人在xaml里创建mediaelement对象，然后在代码隐藏里调用它的play方法播放音频。不过，如果你试图把代码2照搬到image控件的tap事件处理程序里，你会发现还是听不到声音，为什么呢？

 

      当我们单击listpicker控件时，它会打开一个新的选择页面，此时，由于铃声设置页面不再可见，不用渲染，silverlight for windows phone会把它从可视化树上摘除，因此，我们在image控件的tap事件处理程序里把mediaelement对象添加到铃声设置页面的layoutroot里就失去意义了。

 

      那么，如果我们在选择页面的项目模板里创建mediaelement对象又会怎样呢？毫无疑问，这会导致同一个页面存在多个mediaelement对象，而aspx">silverlight for windows phone并不支持这种用法，，因此这条路是行不通的。

 

www.2cto.com

 

 

      从上面的分析不难看出，mediaelement的最大问题在于它对可视化树的依赖，那么，有没有不依赖于可视化树的解决方案？有的，我们可以借用xna的soundeffect：

 

      1) 添加microsoft.xna.framework库的引用，如图2所示。

 

 

 

图2添加microsoft.xna.framework库的引用

 

      2) 添加xna命名空间的引用，如代码3所示。

 

代码3 xna命名空间

using microsoft.xna.framework;

using microsoft.xna.framework.audio;

 

      3) 把image控件的tap事件处理程序改为代码4所示的那样。

代码4 通过xna的soundeffect播放铃声

private void image_tap(object sender, system.windows.input.gestureeventargs e)

{

    using (var stream = titlecontainer.openstream("windows logon sound.wav"))

    {

        var audio = soundeffect.fromstream(stream);

        frameworkdispatcher.update();

        audio.play();

    }

 

    e.handled = true;

}

 

 

 

 

 

代码4所做的事情很简单，它以流的形式打开铃声文件，然后用这个流对象创建soundeffect对象，并更新xna的状态，最后播放铃声。

 

 

 

      一般情况下，当我们提到windows phone应用程序的存储区域时，很多人会第一时间想到独立存储区，不过，windows phone应用程序还有另外一个存储区域，这个区域就是应用程序的安装文件夹，和独立存储区不同的是，安装文件夹里面的内容是只读的。当我们在visual studio的属性窗口里把内容文件的build action属性的值设为content时，比如前面那个铃声文件，安装程序会把它们部署到安装文件夹里。事实上，windows phone sdk 7.1的linq to sql就通过"appdata"和"isostore"在连接字符串里区分这两种区域。

 

      xna提供的titlecontainer.openstream方法可以用来读取安装文件夹里的内容，如果你的应用是从网上下载铃声的，那么这些铃声将会保存在独立存储区里，这意味着代码4里打开文件流的代码应该换成对应的独立存储访问代码。

 

下载地址