Google Gadgets (2)：Gadget中的各个部分

原文链接：http://www.cnblogs.com/biggates/archive/2008/01/06/1027606.html

从上一篇的 Hello World 中可以看到，一个Gadget实际上就是一个标准的XML文件。在<Module></Module>标签里面，就是整个Gadget的内容了。它包括三个部分：

• <Content> 标签里面是整个 Gadget 的"工作区"，这里的内容通常包含了一个 Gadget 的外貌(通过HTML / CSS)和功能(多数通过 Scripts )。
• <UserPerfs> 标签里面是一个用户可以进行修改的选项。比如一个 RSS 阅读器就需要一个<UserPerfs>来保存用户指定的 RSS 源的地址。注意，如果需要多个选项，那么就需要添加多个 <UserPerfs> 标签。 
• <ModulePerfs> 标签里面是这个 Gadget 的描述，比如 Gadget 的标题、作者、分类什么的。用户是无法更改它的。

我们来看一个实际的例子(来自 http://code.google.com/apis/gadgets/docs/basic.html#Content )：

 1 <? xml version="1.0" encoding="UTF-8"  ?>
 2
 3 < Module >
 4    < ModulePrefs  title ="Go to Photo Album"  height ="250"  scaling ="false"   />
 5    < Content  type ="html" >
 6      <![CDATA[  
 7       <div style="text-align:center">
 8         <a id="Riggs" title="My Photo Album" target="_blank" href="http://picasaweb.google.com/doc.examples/ShelfBoy">
 9           <img border="0" alt="Photo" src="http://doc.examples.googlepages.com/Riggsie-OP.jpg" title="Click Here.">
10         </a>
11       </div>
12      ]]>
13    </ Content >
14 </ Module >
15

这个 Gadget 的<Content>标签的 type 属性值为 "html" ，意味着<Content> 的内容是HTML。在<![CDATA[    ]]>标签里，就是HTML代码了。我们看到，整个 Gadget 只是一个<div> 里面一个带 <a> 的 <img> 标记。

Go to Photo Album
	由 Google 强力驱动的小工具

嗯，撇开底下那个"Add to Google" 的链接不管，整个 Gadget 的样子的确如同我们所设想的一样：只有一张图片。

没错，只要修改 <Content> 里面的 <![CDATA[  ...  ]]> 的内容，就可以把 HTML 做成一个 Gadget 。并且，在 HTML 代码里面可以使用 <style> 和 <script> 标签。

说到这里，大家一定忍不住摩拳擦掌，跃跃欲试了吧……

记住著名的Google Gadget Editor ： http://code.google.com/apis/gadgets/docs/gs.html#GGE

转载于:https://www.cnblogs.com/min10/archive/2009/03/17/1414584.html