分享NB教程《手把手教你开发手机Widget！》

wqhgjghj 2009-04-16 12:40:59

随着3G在中国的普及应用，可以预见未来终端手机上网功能将越来越强大。手机上网应用的发展必然会推动手机内置widget的多样化和个性化。

以下两个Nokia手机内置widget的例子很有代表性：

淘宝网用户可以通过手机在此widget上实现所有的应用功能。

手机上装有这款widget的用户在想要查找路线时不必再到处寻找电脑，只需要通过手机就能轻松实现目标。

那么开发这样的widget难度会不会很大呢？

Widgets是可以独立于浏览器应用运行的一些Web应用。换句话说，widgets就是一些Web页面，通常为某个特定目的设计。Widgets使用的是标准的互联网技术，如HTML、CSS、JavaScript，及AJAX。

与传统的Web应用不同，Web Widgets拥有自己的结构，且需要将某些特定组件保存在移动终端中。编写widget 并不需要特殊的工具或特定的开发环境；如NotePad这样的文本编辑器已经足够。但是，使用某个第三方的 HTML/CSS和JavaScript编辑器将获得很多方便，因为它们提供多种有用的功能，如行号序列、语法亮显等。

HTML标记语言和JavaScript是设计和实现每个widget的基本编程语言。此外，文档对象模型（Document Object Model，DOM）和级联样式表（Cascading Style Sheets, CSS）也是控制widget样式和版面的重要技术。

如果你对以上内容了解没问题，那么请继续往下看，整个widget开发过程中最核心的有以下几步：

i.info.plist：Info.plist是个很简单的文件语法。它是一个与诺基亚plist DTD相关联的XML格式文件。

ii.*.html文件：该文件主要用来设计widget结构。为便于使用和实现，最好使用CSS和外部JavaScript代码文件。这些文件通过在HTML文档里分别定义的<style>元素和<script>引用。在随后共享教程里有详细介绍。

iii.*.css文件：控制整个widget界面显示效果。

iv.*.js文件：主程序文件。使用JavaScript语言。

v.icon.png文件：widget程序在手机显示的图标。

（关于以上步骤的详细操作，在后面我和大家分享的教程里有详细说明。需要注意的是诺基亚 WRT平台并不支持全部通用JavaScript函数和HTML属性。所以大家在开发时候一定要确定哪些函数是可以使用的）

OK，现在大家对于手机wigdet应该有明确的认识了吧。虽然大家常见的widget大多都是互联网应用方面的，不过针对手机的应用已得到众多NB手机公司的重视，这不最近诺基亚公司就搞了一个widget设计开发大赛，严重推荐给大家，这可是功成名就的好机会啊，哈哈！我也是因为参加这个大赛才有空来说说对widget的看法，对大赛有兴趣的朋友可以去诺基亚大赛官网瞅瞅（http://forum.nokia.com.cn/cai_widget_training）

最后放上我为大家推荐的NB手把手教widget开发的教程（有实例），跟大家分享一下（http://www.rayfile.com/files/99646b26-2a34-11de-a381-0014221b798a）

这里还有很多大家去看看吧（http://www.forum.nokia.com.cn/sch/main/1,,200,00_cn.html#s60widge），也希望大家都说下自己对widget开发的看法和经验。

...全文