MacOSX下网页Widget的做法

标题:MacOSX下网页Widget的做法
简介:探讨基于模板方式,将网页做成MacOSX下的Dashboard Widget的简易方法
作者:AllanYan (allan.yan@gmail.com && @LilyBBS.net)
版权:(C) 2008 GNU/FDL

1.Dashboard Widget 是什么?
如果你用过Mac OS X 10.4 及以上的系统,我就不用多说了;
对于不了解的,还是说一下,这个咚咚叫做桌面小器件,类似Windows的活动桌面或者是
Vista的侧栏Gadget,不过这个是覆盖在整个工作区的,并且可以动画形式快速显示和隐藏,
由于这种设计,比Vista的Gadget灵活/漂亮/可用面积更大;有人说Vista的Gadget模仿MacO
SX的Widget,我想起一句话:画虎不成反类犬.


2.系统要求
Mac OS X 10.4 或者更高 (应为这样才后Widget的容器Dashboard);
Dashboard支持 Intel和PowerPC 两种处理器,所谓 Universal

3.将你喜爱的网页做成Dashboard
如果你经常查询某一个网页,当然最好是页面较小的(不然就不能叫Widget小器件了),你可
以通过后面的方式将其做成Widget 并且让它去定期刷新;在所有开始以前,取得那个网页的
网址是必要的,如
http://www.beijing2008.cn/   (这个是第29届奥林匹克运动会组织委员会 的官方网站)


4.定位网页地址
(1)如果你的网页巧好在本机上,你可以通过查看属性简介得到文件的地址;
(2)如果你能直接得到网页地址,记下来 如 http://...
(3)当常常并非如此,你往往关心网页中那变化的一部分,广告或者别的令人讨厌;现在很多
网页中含有网页,就是网页嵌套,iframe--就是潜入某个网页中的tag,查看网页的源代码,找
出<iframe ... src="<那个地址>">
如你打开 http://www.beijing2008.cn/   的源代码,查找iframe,你会得到url地址:
<iframe framespacing="0" marginheight="0" marginwidth="0" noresize="" src="htt
p://results.beijing2008.cn/WRM/CHI/frags/sch_medal.shtml" vspale="0" framebord
er="0" height="502" scrolling="no" width="522"></iframe>
->
http://results.beijing2008.cn/WRM/CHI/frags/sch_medal.shtml
这个就是那个潜入的网页地址,不信,你放入浏览器地址栏看看,在下所言不虚噢 :)


5.原始的Widget模板
下面使我打包的原始Widget模板,故名思议,通过更改部分内容,你可得到你需要样式:
http://blogimg.chinaunix.net/blog/upfile2/080815114434.zip
下载到本地解压: 最好放在 Mac 文件系统中,如你的桌面,显示为一个黑色方块就是Widge
tTemp (后缀为.wdgt被隐藏)

6.配置你想要的Widget
(1)将WidgetTemp改名为你想要的名字,即为此Widget的名字,改酷点 :),我们设为 $NAME

(2)显示Widget包内容(Windows下跳过此节)
在Mac中默认是不让你进入Widget文件夹内部修改文件的;不过通过右击此Widget->菜单:显示包内容可以打开

(3)配置Info.plist
Info.plist是此程序的配置文件,XML格式;用任何编辑器打开;
其中需要修改的地方如下:
键名称 | 目的 | 是否必需
//(请默认)
MainHTML | Widget程序包中主HTML文件的路径，该文件用作Widget的用户界面 | 是
//(如果不知网页大小可能需要多次调节以下两项)
Width |(如果不知网页大小可能需要多次调节)Widget的宽度，以像素为单位 |是
Height |Widget的高度，以像素为单位| 是
//同上面的那个酷名字 :) $NAME
CFBundleName |程序包的名称,在DashBar上显示的名字 |是
//随便加上一个名字空间 如 com.allanyan.widget.$NAME
CFBundleIdentifier |反向英特网域名风格的程序包标识 |是
CloseBoxInsetX|与左上角关闭按钮的水平距离 | 否
CloseBoxInsetY|与左上角关闭按钮的垂直距离 | 否

(4)替换图标和图片文件
Default.png  和  Icon.png  分别是初始的Splash图片和Dashboar大图标
使用绘图工具保存为PNG格式,同名替换原有的这个个

(5)修改 main.html
用文本编辑器打开此主页的网页文件,可以看到其实结构很简单;
修更改 refresh content后面的那个数字就是自动刷新的间隔,单位为秒
另外我们还需要修改 iframe src=.... 的那一段,方法是:
将src后的那个url地址替换成那个网页的地址,如
http://results.beijing2008.cn/WRM/CHI/frags/sch_medal.shtml
调整width和height(像素)为这个内嵌网页的大小;
保存.

7.安装调试
得到你想要的这个网页Widget后,双击其安装(注意最好放在Mac所在盘双击)
如果有不满意的地方,重复执行6中的某些操作调整到你想要的

按照以上方法制作的北京奥运widget截图:
下载:http://blog.chinaunix.net/u1/40045/showart.php?id=1131187