时尚互动杂志 windows phone 开发分享

9
7 Metro UI 互互互互 互互互互 互互互互 互互互互 互互

Upload: geekparknet

Post on 15-Dec-2014

847 views

Category:

Documents


4 download

DESCRIPTION

时尚互动杂志 Windows Phone 开发分享

TRANSCRIPT

开 发 分 享WP7

• Metro UI• 互动效果• 开发要点• 开发感触

互动杂志

时尚

23/4/10 2

简洁时尚• 全景视图• 活动格窗

• 无边框设计

最短时间 更高效率

全景视图 活动格窗 无边框设计清爽的排版视觉焦点的引导身临其境

内容取代形式更高效率

自发性质的分隔简洁美观

Metro UI 互动效果

互动效果 开发要点

丰富的信息量强烈的视觉听觉冲击

• 页面交互 --- 淡入淡出、惯性滑动、擦 拭效果、 3D 翻转• 媒体元素 --- 音频、视频、网页、微博• 交互控制 --- 按钮、手势

互动效果 开发要点

丰富的信息量强烈的视觉听觉冲击

• 页面交互 --- 淡入淡出、惯性滑动、擦拭效果、 3D 翻转

• 媒体元素 --- 音频、视频、网页、微博• 交互控制 --- 按钮、手势

23/4/10 5

开发要点

panorama动态加载

事件广播

内嵌媒体播放立足于Metro UI风

格,采用了Panorama控件,突出了简洁与视觉焦点的引导

通过WP7系统的控件在应用中实现简单媒体播放、 Web浏览等功能,占用资源少,功能也比较丰富

开发要点

动态加载

事件广播

内嵌媒体播放立足于Metro UI风

格,采用了Panorama控件,突出了简洁与视觉焦点的引导

摒弃了一次性加载过多页面的做法,而是根据用户的阅读操作实现动态加载相应页面

通过WP7系统的控件在应用中实现简单媒体播放、 Web浏览等功能,占用资源少,功能也比较丰富

panorama

开发要点

立足于Metro UI风格,采用了Panorama控件,突出了简洁与视觉焦点的引导

动态加载摒弃了一次性加载

过多页面的做法,而是根据用户的阅读操作实现动态加载相应页面

内嵌媒体播放通过WP7系统的控件在

应用中实现简单媒体播放、 Web浏览等功能,占用资源少,功能也比较丰富

事件广播通过统一的事件广

播中心来派发事件,实现各个互动元素间的交互

panorama

开发要点

panorama立足于Metro UI风

格,采用了Panorama控件,突出了简洁与视觉焦点的引导

动态加载摒弃了一次性加载

过多页面的做法,而是根据用户的阅读操作实现动态加载相应页面

通过统一的事件广播中心来派发事件,实现各个互动元素间的交互

内嵌媒体播放通过WP7系统的控件在

应用中实现简单媒体播放、 Web浏览等功能,占用资源少,功能也比较丰富

事件广播

开发感触

WP7兼备了 iPhone和Android平台的优点,但是摒弃了iPhone的硬件独立性和Android的版本混乱。

可视化的界面编辑器( VS),快速易学( C#) ,界面简洁,效率颇高

深度整合微软服务,开发工具兼容性好,资源丰富,技术支持度高

开发要点

panorama立足于Metro UI风

格,采用了Panorama控件,突出了简洁与视觉焦点的引导

动态加载摒弃了一次性加载

过多页面的做法,而是根据用户的阅读操作实现动态加载相应页面

通过统一的事件广播中心来派发事件,实现各个互动元素间的交互

内嵌媒体播放通过WP7系统的控件在

应用中实现简单媒体播放、 Web浏览等功能,占用资源少,功能也比较丰富

事件广播

谈谈收获

WP7兼备了 iPhone和Android平台的优点,但是摒弃了iPhone的硬件独立性和Android的版本混乱。

可视化的界面编辑器,快速易学( C#),界面简洁, 效率颇高

深度整合微软服务,开发工具兼容性好,资源丰富,技术支持度高

谢谢 !

ThankYou