Windows Mobile 6.5 Widgets开发初体验

原创

aawolf 2009-06-21 18:28:00 ©著作权

文章标签 开发休闲移动互联网 Widgets mobil 文章分类 运维

©著作权归作者所有：来自51CTO博客作者aawolf的原创作品，请联系作者获取转载授权，否则将追究法律责任

作者：马宁

Windows Mobile 6.5的DTK终于发布了，其中最吸引人的是两个功能：Widgets和Gesture API。Widgets是近来非常流行的一项技术，用于显示一些常用信息，比如天气、股票、新闻和体育等。Google Android和Symbian上已经有了类似的技术，可以说，Widgets是很好地结合了移动设备与互联网的技术。虽然Widgets开发简单，但很有可能改变移动互联网的未来格局。目前Windows Mobile 6.5的Widgets是基于W3C的Widgets草案，支持2008年12月22日草案，链接在http://www.w3.org/TR/2008/WD-widgets-20081222/。

开发环境

好了，接下来，我们就要看一下，如何为Windows Mobile 6.5开发一个Widgets控件。首先，我们需要下载Windows Mobile 6.5的DTK，下载链接为：

http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=20686a1d-97a8-4f80-bc6a-ae010e085a6e

Windows Mobile 6.5的DTK需要与Windows Mobile 6 SDK配合使用，Windows Mobile 6 SDK的下载地址：

http://www.microsoft.com/downloads/details.aspx?familyid=06111a3a-a651-4745-88ef-3d48091a390b&displaylang=en

由于很多Widgets都需要联网，所以测试环境也需要ActiveSync的支持。Vista应该使用Windows Mobile Device Center 6.1，下载地址：

http://www.microsoft.com/windowsmobile/en-us/help/synchronize/device-center-download.mspx

编写Widgets

接下来，我们就可以来开发一个Widgets了。首先创建一个WidgetDemo的文件夹，创建一个叫做widget.htm的文件，将下面的HTML代码拷贝到文件中：

<html> 
<head>  
<title>Cool Widget!</title>  
</head>  
<body>  
I'm a cool windows mobile 6.5 widget  
<!-- Search Google --> 
<form method="get" action="http://www.google.cn/custom" target="google_window"> 
<table bgcolor="#ffffff"> 
<tr><td nowrap="nowrap" valign="top" align="left" height="32"> 
<a href="http://www.google.com/"> 
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a> 
<label for="sbi" style="display: none">????????</label></tr> 
<tr> 
<input type="text" name="q" size="31" maxlength="150" value="" id="sbi"></input> 
<label for="sbb" style="display: none">??????</label> 
<input type="submit" name="sa" value="??" id="sbb"></input> 
<input type="hidden" name="client" value="pub-9289651901062754"></input> 
<input type="hidden" name="forid" value="1"></input> 
<input type="hidden" name="ie" value="UTF-8"></input> 
<input type="hidden" name="oe" value="UTF-8"></input> 
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input> 
<input type="hidden" name="hl" value="zh_CN"></input> 
</td></tr></table> 
</form> 
<!-- Search Google --> 
</body>  
</html>

这个Widget就是调用Google的搜索页面。原来的Widget Demo没有Google搜索的代码，我从网上找了一个示例加了进去。接下来，创建一个叫做config.xml的文件，将下列代码拷贝到文件中：

<?xml version="1.0" encoding="utf-8" ?>  
<widget version="1.0"  
xmlns="http://www.w3.org/ns/widgets"  
id="">  
<name>My first widget</name>  
<content src="widget.htm" type="text/html" />  
<access network="true" />  
<icon src="icon.png"/>  
<description>This is my first widget,  
it won't make a lot of money on the  
marketplace but at least is cute!</description>  
</widget>

这是一个描述性的XML文件，结构非常清晰，不需要多做解释了。注意content,icon和access network三个节点。Content的src就是我们刚编写的widget.htm, 允许Widget访问网络，icon则是显示在Windows Mobile开始菜单里的图标。