Observable 示例之 Windows Phone 列表内项目逐个加载
Observable 示例之 Windows Phone 列表内项目逐个加载
在写 Windows phone 应用性能优化(一)的时候,在 ListBox 的项加载的时候,添加了一些简单的动画。
其实在 Windows Phone 的应用中使用 Blend 设计动画是很容易的,并且在程序的交互中,增加一些动画
效果,用户会感觉用户体验非常的好,从而提升了用户对应用的印象评分。
本文的 demo 演示如何逐项的加载列表中的每一项。对于延时迭代加载列表中的项,通常会考虑使用 DispatherTimer,
但是如果设计的逻辑较多,需要的代码量会比较多,并且不好维护。这里使用 Rx(Reactive Extensions) 中的
Observable 类进行对 IObservable<T> 的创建。在 Rx 中 IObservable<T> (可观察序列)和 IObserver<T> (观察者)
是两个核心的元素,我研究了一段时间,感觉它在 .NET 平台是可以大有作为的,它的使用并不难,很多操作使用是以 LINQ
的扩展方法而使用的,重点是理解 (IObservable)的 “推”数据 和 (IEnumerable)的 “拉”数据的 数据源数据流向的不同。
以后还会继续研究的。之前翻译的有关 Rx 一篇文章
这个示例在页面中使用一个 Pivot 控件,两个 PivotItem 项都是使用 ListBox 作为模版,区别是:
1)第一个 PivotItem 项中的 ItemsPanel 模版使用默认的,在第二个 PivotItem 中
的 ListBox 中, 把 ItemsPanel 设置为了 WrapPanel,从而使 Item 可以流动布局:
2)两个 ListBox 中的 ItemTemplate 中的 StackPanel 在触发 Loaded 事件时,开始的动画不同。
MainPage 页面中 Pivot 控件的全部代码: