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

第14部分:在运行时绑定到真实的数据

原文地址: http://channel9.msdn.com/Series/Windows-Phone-8-Development-for-Absolute-Beginners/Part-14-Binding-to-Real-Data-at-Runtime

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

源代码: http://aka.ms/absbeginnerdevwp8

PDF版本: http://aka.ms/absbeginnerdevwp8pdf

我们的SoundBoard应用程序进展如何?

我们已经有了一个新的数据模型,并且在上一课中我们添加了示例数据,我们在设计时使用它们以帮助我们正确对应用程序的用户界面进行布局,特别是我们使用了绑定到SoundData类实例的数据模板。

在本课中我们将注意力转移到在运行时绑定到真实的数据。

说实话,我们可以在应用程序的运行时使用相同的XAML文件作为“实时数据”。如果您想这样实现,您当然可以,并且您已经有了一个良好的开端。您可以用更多SoundGroup和SoundData的实例构建该XAML文件,然后在运行时通过SoundModel类的LoadData()方法加载该文件。

事实上这可能是一个很好的挑战自己的方式。当您完成本系列课程后,您可以回过头重新创建这个应用程序,但是请在此处使用不同的数据访问方法。努力才能学到东西,这样的练习会迫使您努力找到在运行时加载XAML数据到数据模型的方法。

言归正传,本课的计划:

  1. 在 SoundModel.cs文件中,我们将创建一系列辅助方法,每个辅助方法被设计用于创建SoundData类的实例,这些实例将被添加到SoundGroup中的Items集合。
  2. 在创建完成所有的辅助方法后,我们将修改LoadData()方法,并对每个辅助方法进行调用。所以,当我们调用LoadData()时,真实的数据将会在运行时出现。

1.向应用程序添加真实的运行时数据

这是当前运行的应用程序:

我们没有在运行时加载数据。我们需要完成的是将SoundModel类的每个公共属性,比如说Animals,设置为某个已加载数据的SoundGroup对象的实例。所以,这里是我希望在LoadData()方法中实现互动功能的一个示例:

剩下工作的就是实现CreateAnimalsGroup()辅助方法,如下所示:

  1. CreateAnimalsGroup将返回一个SoundGroup实例。
  2. 我们将创建一个SoundGroup实例并在整个辅助方法中构建它。
  3. 我们将设置Title属性,它将作为PivotItem的标题属性被显示。
  4. 为避免输入声音文件的完整路径,我们将它保存在一个变量中,并在初始化SoundData的每个新实例时对变量进行追加。
  5. 这里我们向SoundGroup的Items属性(类型是List<SoundData>)添加一个新的SoundData实例,并使用对象初始值设定项语法填充每个Title和FilePath属性。

当运行应用程序时:

我们现在可以在动物PivotItem中看到所有的实际数据。

但是等一下,动物PivotItem的标题在哪里?等一下我们将修复该问题。现在让我们完成其余Create___Group()方法的添加。

这里是CreateCartoonsGroup()方法的清单:

这里是CreateTauntsGroup()方法的清单:

这里是CreateWarningsGroup()方法的清单:

现在我们将在LoadData()方法中使用这些辅助方法以填充每个相关的属性:

2. 修复PivotItem标题的数据绑定问题

如果我尝试运行该应用程序,我看不到其它的PivotItem项,因为我们缺少PivotItem标题:

我的第一反应是这是一个绑定问题,数据没有正确加载。我从OnNavigatedTo()事件处理程序开始查找问题。显然,LoadData()在此处被调用:

接着我去查看App.xaml.cs文件。在构造函数中,如果viewModel为null将创建一个新的SoundModel实例:

我怀疑这是一个与时间顺序有关的问题。Pivot控件在App.ViewModel为空时发起了对它的请求,然后DataTemplate在App.ViewModel被填充后发起对它的请求。(译注:这就是为什么看不到Pivot控件的标题而能够看到PivotItem中的数据的原因)

在盯着它看了片刻之后,我在MainPage.xaml.cs中设置了断点:

调试应用程序显示DataContext在调用LoadData()前就被设置。这意味着PivotItem的标题立即就被绑定,但是PivotItems的ItemTemplates/ DataTemplates仅在我们调用了LoadData()才进行绑定。

这就是我们只见到一部分数据,但是没有见到其它数据的原因。解决这个问题的方法很简单:我们将在创建新的SoundModel实例后立即调用LoadData():

通过在App.xaml.cs中显式地添加对LoadData()的调用,我们再次运行应用程序:

PivotItem的标题重新出现,并且我们可以导航到每个类别并查看已经被加载的数据。

回顾

综上所述,本课的重点是如何实现真实的数据。虽然我们可以采用不同的方法,我们选择了创建辅助方法,这些辅助方法包含硬编码的C# SoundData和SoundGroup类的实例。我们还看到了如何排查一个奇怪的有关数据绑定的时间顺序问题,调试并理解事件的顺序是一项宝贵的技能。

请不要忘记我在本课开始时提出的问题。这里我希望您使用不同的数据访问技术重新创建此应用程序,例如用真实数据扩充SampleData.xaml,然后在运行时加载这些数据。有没有想到解决的方法?我敢打赌如果花上一天时间,不需要我的帮助您就能解决问题。通过解决这个问题,您也许会比从本系列其它课程学到的都要多,因为只有通过自己的努力才能真正学到东西。

Windows Phone 8初学者开发—第14部分:在运行时绑定到真实的数据的更多相关文章

  1. Windows Phone 8初学者开发—第4部分:XAML简介

    原文  Windows Phone 8初学者开发—第4部分:XAML简介 原文地址: http://channel9.msdn.com/Series/Windows-Phone-8-Developme ...

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

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

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

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

  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. PHP下通过file_get_contents\curl的方法实现获取远程网页内容(别忘了还有PhpRPC)

    [php]PHP中file_get_contents()与file_put_contents()函数细节详解 php函数file_get_contents(一) 案例: 早在2010年时候遇到过这样的 ...

  2. 收藏:左路Deep Learning+右路Knowledge Graph,谷歌引爆大数据

    发表于2013-01-18 11:35| 8827次阅读| 来源sina微博 条评论| 作者邓侃 数据分析智能算法机器学习大数据Google 摘要:文章来自邓侃的博客.数据革命迫在眉睫. 各大公司重兵 ...

  3. ios7 UIScrollView 尺寸问题

    假设在UINavigationController内设置一个UIViewControlller,而UIViewController的第一个子视图是UIScrollView的话,UIScrollview ...

  4. linux之iptable案例

    转自:http://blog.csdn.net/bill_lee_sh_cn/article/details/4401896 1.一对一流量完全DNAT 首先说一下网络环境,普通主机一台做防火墙用,网 ...

  5. js判断undefined类型,undefined,null,NaN的区别

    js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined   所以自作聪明判断       ...

  6. MATLAB - 为什么imshow(g,[])可以正常显示,而imshow(g)却显示空白图像?

    Q:为什么imshow(g,[])可以正常显示,而imshow(g)却显示空白图像? A:数据类型如果是double,imshow的处理范围是0-1数据类型如果是uint8,imshow的处理范围是0 ...

  7. FineUI框架 使用asp.net控件及其使用问题

    FineUI 基于ExtJS的开源ASP.Net框架库--创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应 ...

  8. spring 加载配置文件的相关配置总结

    PropertyPlaceholderConfigurer      注意: Spring容器仅允许最多定义一个PropertyPlaceholderConfigurer(或<context:p ...

  9. 【转载】设置event.cancelBubble,使触发子元素的onclick不同时触发父元素的onclick

    由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递,比如鼠标点击了一个TD,当前的event.srcEleme ...

  10. objective-C学习笔记(七) 字符串处理

    字符串NSString NSString 是一个Unicode编码,16位字符的字符序列. NSString 是一个类,拷贝时需要注意. 初始化方法:字面量初始化.初始化器.工厂方法. NSStrin ...