新浪微博 wp 客户端开发经验分享 | 极客公园

1. tile 磁贴

windows phone 里的 tile 有多种，除了应用的主 tile （application tile）外，还有 second tile，即把微博好友 pin 到桌面的显示 tile 。另外 tile 分正反两面，可以轮播、翻转，上面还有信息提醒（tile notification），此外还有背景图片。

&

以新浪微博的 windows phone 客户端为例，从开始到现在 tile 改动过多次，见上图。最开始只是一个 新浪微博的 icon，右上角有一个消息提醒。而现在是应用主 tile 与系统背景色保持一致，但继续保留红色的大眼睛 icon 以保持品牌的标识，同时保证能够被用户快速识别。后面三个就是 second tile，即二级菜单。

2. panorama / pivot 控件

&

panorama 是全景视图（上图），比较适合用户对场景进行一个大概的预览，并不适合详细去阅读。而 pivot 是枢轴视图，是一种并列关系，比较方便用户进行阅读操作，因此新浪微博最终采用的 pivot 框架。（下图左中）

&

3. appbar

windows phone 中的 appbar （上图右）类比于 ios 或 andriod 里的 tab，但是跟它们的区别是在 ios / andriod 里 tab 起到的导航作用，而 app bar 在 windows phone 中实际上是一个常用操作地方，而不是功能模块。

4. notification 通知

notification 有三种方式，一种是 tile notification，就是在那 tile 上的数字提醒形式，第二种是 toast notification，就是短信或 email 提醒那种，可以点击，还会自动消失。最后就是 raw¬ification，它是应用内部的一种通知方式，现在很多应用其实没有用到这种通知方式。