三、创建我们的第一个Widget
一旦安装了SDK，我们就可以着手创建我们的Widget了，下面您会看到，其实这非常简单，几分钟就可以搞定。
首先，我们来创建一个HelloWidget项目。若要迅速创建一个Widget项目，请打开JIL SDK，然后在菜单栏中选择“File > New > Widget Project”即可，如图1所示。
图1 创建一个Widget项目
在此，为我们的项目指定一个名称，本例为HelloWidget。单击Finish按钮，一个新的Widget项目就建好了。
图2 创建一个HelloWidget项目
现在，您可以通过文件结构来浏览新建的Widget了。默认时，工具包会利用预定义的模板自动创建一些必要的文件。
图3 Widget的文件结构
这些文件包括：
l HelloWidget.html，这个文件是显示Widget的入口点，它定义了Widget的总布局。
l HelloWidget.css，这个文件通常被用于告诉Widget引擎Widget所需的外观，例如每个元素的颜色、字体大小等。
l HelloWidget.js，这个文件定义了Widget可以完成哪些动作。
l config.xml ，这个文件包含了Widget的元信息，例如Widget的名称、作者等等。
下面，我们开始为我们的Widget编写代码。我们可以通过双击HelloWidget.html文件打开Widget，以便为其编写代码。在本例中，我们只是想让Widget显示文字“Hello Widgets”，并且还给文字加上一个漂亮的背景图片。我们的代码如图4中所示。
好了，我们的第一个Widget已经建好了，下面我们在模拟器上运行该Widget，看看效果如何。在该Widget项目上单击右键，并选择“Run as > widget project ”菜单项来启动模拟器。
图5 在模拟器中启动Widget
当模拟器启动的时候，我们的Widget就会自动被加载。这时，我们就可以在模拟器中操作我们的Widget了。
图6 运行在模拟器中的Widget
最后，我们介绍如何在实际手机上运行Widget。我们可以在项目的bin文件夹之下找到一个封装好的Widget，其扩展名为wgt。将这个文件复制到安装了Widget引擎的手机上，这样就能在实际设备上运行我们的Widget了。
就像您在上面看到的那样，创建一个JIL Widget是非常简单的一件事情。在几分钟之内，我们使用JIL SDK向导创建一个项目，在模拟器中运行该Widget，并把它安装在开发模式下的手机设备上，并实际运行它。
三、小结
在本文中，我们首先对移动widget以及移动widget开发环境进行了简要的介绍，随后详细演示了如何使用SDK来创建一个实例移动widget。通过阅读本文，可以让初次接触JIL的移动Widget的开发人员来快速了解什么是JIL的移动Widget，以及如何使用JIL的移动Widget SDK来创建移动widget。对于有经验的开发人员来说，可以通过本文来了解如何加快Widget开发过程。
