Windows Vista/7桌面边栏小工具开发入门
2014-06-01 20:48
148 查看
Windows Vista 的Gadget开发其实并不难,只要你有一定的HTML、CSS、Javascript基础就能成功地开发出一个漂亮的桌面小工具。在Vista和Win7下,每一个桌面Gadget其实就是一个小的浏览器窗口,我们可以通过***一个HTML页面,来完成各种桌面功能。简单的说,我们可以使用HTML+CSS来***界面,用JS完成程序功能。
Vista和Win7的边栏小工具位于 C:\Program files\Windows Sidebar\gadgets\ 里面,每一个小工具的命名方式都是YourName.Gadget,建立一个这种格式的文件夹,就为你自己的小工具添加了存放目录。
.xml文件,用于储存小工具的基本设置,包括名称、版本等等。以下就是一个典型的gadget.xml文件示例:
接下来,我们需要知道Gadget的编程接口。在MSDN的参考中,我们得知,在小工具的HTML文件中所包含的JS里面,我们可以使用System.Gadget对象,这个对象包括的事件、方法、属性请参考
另外,在Gadget里面还有一些对象也是可用的,这些可能对我们非常有用。详情请查看博客园上面的文章(内容为英文)
在实际操作中还发现了一个有趣的事情,就是Gadget里面的JS脚本拥有比较高的权限,可以使用一些在浏览器里面被禁用的COM组件,比如adodb、FSO等等,并且里面的XMLHTTP组件读取也是可以跨域的,呵呵。这样我们可以很方便地使我们的程序变得强大起来。
至于小工具的尺寸,我们可以通过CSS定义body的width和height来完成,但在Vista下width最大为130px,在Windows 7下貌似可以更大。我们可以通过body标签CSS中的background属性定义背景图片,但这样似乎边框的过度效果就没有了,解决方案是在body下面一行使用
想要给小工具添加一个设置页面?可以,只要在公共执行的JS里面加入一句
当我们完成开发以后,就需要将小工具打包发布。标准的小工具安装包是以Gadget为扩展名的ZIP或者CAB压缩包。因此,我们只需要把开发文件夹里面的所有文件打包压缩即可。我们可以使用WinRAR***ZIP压缩包,然后将扩展名修改为Gadget即可,这样,小工具的打包就完成了。
Vista和Win7的边栏小工具位于 C:\Program files\Windows Sidebar\gadgets\ 里面,每一个小工具的命名方式都是YourName.Gadget,建立一个这种格式的文件夹,就为你自己的小工具添加了存放目录。
.xml文件,用于储存小工具的基本设置,包括名称、版本等等。以下就是一个典型的gadget.xml文件示例:
<?xml version="1.0" encoding="utf-8"?> <gadget> <!--小工具名称--> <name>test</name> <!--小工具命名空间--> <namespace><!--_locComment_text="{Locked}"-->Yourname.Test</namespace> <!--小工具版本号--> <version><!--_locComment_text="{Locked}"-->1.0.0.0</version> <!--作者名称--> <author name=""> <!--作者更多信息,链接和显示内容--> <info url="http://www.msphome.cn" target="_blank">http://www.msphome.cn </info> <!--小工具的LOGO--> <logo src="logo.png"/> </author> <!--小工具版权--> <copyright><!--_locComment_text="{Locked}"-->? 2009</copyright> <!--小工具简介--> <description>简介。</description> <icons> <!--小工具图标--> <icon height="48" width="48" src="icon.png"/> </icons> <hosts> <host name="sidebar"> <!--是否自适应分辨率--> <autoscaleDPI><!--_locComment_text="{Locked}"-->true</autoscaleDPI> <!--小工具主体HTML文件--> <base type="HTML" apiVersion="1.0.0" src="Test.html"/> <permissions><!--_locComment_text="{Locked}"-->Full</permissions> <!--小工具能正常运行的最低平台--> <platform minPlatformVersion="1.0"/> <!--当小工具被拖动时,显示的图形--> <defaultImage src="drag.png"/> </host> </hosts> </gadget>经过以上设置以后,系统就能识别出我们自己的小工具了。接下来,就是编写这个小工具了。 首先,我们先来了解下YourName.Gadget这个文件夹里面的文件。除了上面的gadget.xml文件,我们还需要存放上面定义的logo.png,icon.png,drag.png,这些图片文件。如果需要多语言支持,请建立语言文件夹,具体存放方法可以参考工具目录下微软自带的小工具。
接下来,我们需要知道Gadget的编程接口。在MSDN的参考中,我们得知,在小工具的HTML文件中所包含的JS里面,我们可以使用System.Gadget对象,这个对象包括的事件、方法、属性请参考
另外,在Gadget里面还有一些对象也是可用的,这些可能对我们非常有用。详情请查看博客园上面的文章(内容为英文)
在实际操作中还发现了一个有趣的事情,就是Gadget里面的JS脚本拥有比较高的权限,可以使用一些在浏览器里面被禁用的COM组件,比如adodb、FSO等等,并且里面的XMLHTTP组件读取也是可以跨域的,呵呵。这样我们可以很方便地使我们的程序变得强大起来。
至于小工具的尺寸,我们可以通过CSS定义body的width和height来完成,但在Vista下width最大为130px,在Windows 7下貌似可以更大。我们可以通过body标签CSS中的background属性定义背景图片,但这样似乎边框的过度效果就没有了,解决方案是在body下面一行使用
<g:background style="position:absolute;z-index:-1;width:130px;height:173px" src="img/Back.png" />来定义一个完美的背景。
想要给小工具添加一个设置页面?可以,只要在公共执行的JS里面加入一句
System.Gadget.settingsUI = "Settings.html";就可以了。
当我们完成开发以后,就需要将小工具打包发布。标准的小工具安装包是以Gadget为扩展名的ZIP或者CAB压缩包。因此,我们只需要把开发文件夹里面的所有文件打包压缩即可。我们可以使用WinRAR***ZIP压缩包,然后将扩展名修改为Gadget即可,这样,小工具的打包就完成了。
相关文章推荐
- Windows Vista/7桌面边栏小工具开发入门
- Windows Server 2008 Vista Sidebar Gadget (侧边栏小工具) 入门开发实例
- Windows Server 2008 Vista Sidebar Gadget (侧边栏小工具) 入门开发实例
- Windows Server 2008 Vista Sidebar Gadget (侧边栏小工具) 入门开发实例
- Java ADF开发入门-添加命令和工具
- Java ADF开发入门-添加命令和工具
- 蛙蛙请教:问两个关于剪贴板乱码和桌面工具栏开发的问题
- linux操作系统下c语言编程入门--Linux下C开发工具介绍
- Grady Booch 讨论 IBM Rational 桌面开发工具的 V7 发行版、SOA 和 Eclipse
- Vista Sidebar Gadget (侧边栏小工具)开发教程 (1)
- 上半年私人计划简略及Java桌面游戏开发入门示例并源码集合
- Symbian和C++ SDK开发入门之工具
- Vista Sidebar Gadget (侧边栏小工具)开发教程 (3)
- C++ SDK和Symbian开发入门之工具
- Vista Sidebar Gadget (侧边栏小工具)开发教程 (2)
- Vista Sidebar Gadget (侧边栏小工具)开发教程 (2)
- linux操作系统下c语言编程入门 -- (9)inux下C开发工具介绍
- [转贴]Symbian开发入门 - 工具
- linux操作系统下c语言编程入门--Linux下C开发工具介绍
- 桌面开发,到底用什么工具