跟我学 打造个性侧边栏工具
董师傅茶坊
Tag：侧边栏工具
董师傅教你：制作自己喜欢的侧边栏工具，以满足获取不同信息的需要，同时还可以将快捷键应用到侧边栏工具中。
侧边栏是Windows Vista（简称Vista）里边最有特色的工具之一，在网上下载并安装不同类型的侧边栏小工具（Gadgets）之后，大家不用登录相关网站，就可以听广播、查找股票信息、在线听歌等，这大大方便了工作和生活。目前网上的侧边栏小工具种类和数量都比较少，不能满足我们的需要。我们怎样才可以打造一些属于自己的个性侧边栏工具呢？今天，就给大家介绍一下如何自制一个充满个性的侧边栏小工具，并利用它来接管我们桌面所有的快捷方式，以后想要运行相关程序时，只要在侧边栏中选择相关选项就可以了。
小知识：什么是Gadget
Gadget被翻译为“小工具”，微软的Gadget基本上分为三种，即Live Gadget、Sidebar Gadget以及Sideshow Gadget。
Live Gadget：如果大家访问http://www.live.com/，会发现其页面可以进行自定义。
Sideshow Gadget：Vista支持未来的笔记本电脑除了主显示屏外，还可以有一个外置的小型显示屏，类似于双屏手机中的外置显示屏。在不开电脑电源的情况下，可在这个扩展显示屏上获取自己想要的信息，而实现这个功能的模块称之为Sideshow Gadget。
Sidebar Gadget：本文所指的Gadget正是此种，依赖于Windows Sidebar所执行的Gadget。
准备工作：由于侧边栏小工具的制作牵涉到方方面面的知识（比如要熟悉Html代码、Js代码等），为了降低难度，大家可以从http://www.cpcw.com/bzsoft/下载经过优化的侧边栏小工具“皮肤自测.gadget”。虽然优化后的“皮肤自测.gadget”已经没有任何功能，但我们只是用它的“骨架”，并在这个基础上来制作一个能够运行任何程序的侧边栏小工具。
侧边栏小工具的界面设计
下载优化后的侧边栏小工具“皮肤自测.gadget”，这是一个压缩包，将它解压到任意位置（如E盘根目录），双击打开这个文件夹，其内容如图1所示。其中，图1右边窗口的文件是“皮肤自测.gadget”文件夹里边images子文件夹中的内容。
1.修改图片
先双击打开图1框起来的icon.png 、zj.png、logo.gif这三个文件，要设计侧边栏工具界面主要就是修改这三个文件。利用SnagIt（下载地址：http://www.cpcw.com/bzsoft/）等比较容易上手的图片编辑工具，对自己比较喜欢的图片进行编辑处理，并替换这三个文件。要注意的是，在进行替换时，图片的大小、格式都要与原图完全一致。图片替换完毕后，将“皮肤自测.gadget”文件夹重命名为“快捷方式终结者.gadget”。
董师傅提示：“icon.png”是侧边栏工具在“小工具库”中出现的图标（如图2中A处所示）；“zj.png”是我们调出侧边栏工具时，侧边栏工具的界面（如图2中B处所示）；“logo.gif”是当我们右击侧边栏工具界面，选择“选项”，打开“选项”窗口时，所看到的logo图片，这个图片主要是起宣传作用的。
2.修改文字
当打开某个侧边栏工具的“选项”窗口时，总是会看到一些宣传性的文字。如果大家不喜欢这些文字，可以利用记事本修改相应目录下的info.html文件。只需要将图3中画横线的文字替换为自己喜欢的内容，如对亲人、朋友的祝福等等。
此外，再分别用记事本打开“快捷方式终结者.gadget”目录下的main.html文件和list.html文件，将这两个文件里的“皮肤症状自测”替换为“快捷方式终结者”；最后用记事本打开gadget.xml，将文件里的“39健康测试”替换为“快捷方式终结者”。
董师傅提示：在图3中，画横线的文字之间有一个“
”，这个符号的作用是回车换行，大家在输入个性化的文字时，可以根据实际情况灵活地插入这个符号。
侧边栏小工具的功能选项添加
完成了图片和文字的替换以后，侧边栏小工具界面的设计工作就全部完成了。如果将这个侧边栏工具添加到侧边栏中，那么单击相应的命令按钮，或者选择相应的选项，就可以打开与之有关的窗口，但是这个侧边栏小工具却不能帮我们做任何事，也就是说这个小工具只能看，不能用。如果想要利用这个侧边栏小工具打开一些程序，那就要修改里面的代码了。代码修改的具体方法如下：
第一步：用记事本打开“快捷方式终结者.gadget”目录下的list.html文件，将“＜script language="JavaScript"＞……＜/script＞”之间的代码替换为以下内容：
function exelnk(x)
{
var fso, ts;
fso = new ActiveXObject("WScript.Shell");
ts = fso.run(x);
}
如图4中A处所示。
董师傅提示：这段代码的含义是自定义一个函数——exelnk()，利用这个函数，只要我们将其参数X改为不同的值，就可以打开任何应用程序了。
第二步：接着上边的操作，如果我们想要在侧边栏上添加打开千千静听的选项时，只要将如图4中B处所示的代码替换为以下内容：
＜TD＞＜a style="cursor:pointer;" style="color:#009933" onMouseOver="this.style.color='#003300';" onMouseOut="this.style.color='#009933';" onClick="exelnk('D:\\TTPlayer\\TTPlayer.exe');"＞千千静听＜/TD＞
注意：
1.exelnk('D:\\TTPlayer\\TTPlayer.exe')的含义是：当我们在侧边栏中单击“千千静听”这四个字时，就会运行D:\TTPlayer目录下的TTPlayer.exe。
2.exelnk()函数括号里边的参数表示某个应用程序的地址，这个地址不能包含空格，否则，程序将无法运行。
3.如果要添加其它的应用程序，只需要在list.html文件的“千千静听＜/TD＞”末尾处回车，然后再复制第二步提到的代码“＜TD＞＜a style......千千静听＞＜/TD＞”，再将exelnk()函数里边的参数修改为其它应用程序所在的实际位置，最后将新复制的代码中的千千静听替换其它应用程序的名称就可以了。
侧边栏小工具的安装
按照上边所说的方法，如果大家将自己桌面的应用程序都添加到这个侧边栏当中，那么只要安装好侧边栏小工具以后，就可以使用了。可能有的朋友会说，我们制作的侧边栏工具，所有的资源文件都在同一个文件夹内，和下载的侧边栏工具是一个gadget格式的文件有明显的不同，这又应该怎么安装呢？安装的方法很简单，只要将“快捷方式终结者.gadget”文件夹复制到“X:\Program Files\Windows Sidebar\Gadgets”目录下（X是系统盘），关闭并重新启动侧边栏，打开侧边栏的“小工具库”，就可以看到新添加的侧边栏小工具了。把这个小工具拖到侧边栏的显示区域内，单击侧边栏小工具的界面，就会弹出一个窗口（图5），单击窗口中的相应选项就可以启动与之相关的程序了。
大家有了这个侧边栏小工具之后，就可以将桌面的快捷方式删除了。如果大家也想让自己的桌面更清爽，那就赶快试试吧！