原文 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. 百度地图API 级别自动缩放

    今天做一个基于百度地图API的小项目 查了很长时间apid都没有找到地图呈现出来的时候地图按坐标的多少自动缩放显示的等级比例,特此记录笔记!var points = [point1, point2,p ...

  2. Ubuntu Git安装

    Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目.通过使用git工具,我们可以实现团队间合作开发统一管理,可以从远程仓库中提取代码,也可以把代码上传到远程仓库,从而实现 ...

  3. iOS 纯代码适配iPhone6,6+

    链接地址:http://blog.csdn.net/codywangziham01/article/details/37658399 转自:http://www.maxiaoguo.com/cloth ...

  4. 1.4. chromium源代码分析 - chromiumframe - 消息系列

    Message framework 是对消息循环的封装和扩展,Chromium在消息循环中增加处理内部任务的工作.将内部工作处理寄生在Windows的消息循环中,会有一个问题,就是没有Windows自 ...

  5. C part 1 -- 指令篇

    Windows系统的cmd(command命令行工具): Shutdown -s -t 600:表示600秒后自动关机 Shutdown -a :可取消定时关机 Shutdown -r -t 600: ...

  6. xar安装使用方法

    xar是一种扩展的归档格式(eXtensible ARchive format),是一种开源的文件格式.xar文件在Mac OS X 10.5里是用于软件安装程序. ---------------- ...

  7. PowerShell Remove all user defined variable in PowerShell

    When PS scripts executes, it is possibly create much user defined variables. So, sometimes these var ...

  8. Qt将窗体变为顶层窗体(activateWindow(); 和 raise() )

    我们知道,在windows上通过鼠标双击某应用程序图标,该应用程序往往会以顶层窗口的形式呈现在我们面前,但是对于一个已经打开的非顶层窗口,我们怎么将其激活为顶层窗口呢? 要达到激活,这个必须要满足两个 ...

  9. 算法导论 6-2 d叉堆

    问题: d叉堆性质与二叉堆相似,但其每个非叶子结点有d个孩子: 1) 如何在一个数组中表示一个d叉堆? 2) 包含n个元素的d叉堆的高度是多少? 3) 给出 EXTRACT-MAX在d叉堆的有效实现, ...

  10. 将文件存储到数据库中(MySQL)

    package com.play; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundEx ...