桌面天下美化技术1区 » 美化技术学习区 » 〔转〕Simple Weather插件制作

anthonyridge 发表于 2006-9-17 15:47

〔转〕Simple Weather插件制作

Simple Weather插件制作[font=Impact]作者：asuro [/font]
[font=Impact]很多人喜欢桌面软件的一个很大原因就是因为看中了天气插件的关系，所以今天制作一个简单的天气插件~~~ [/font]
[font=Impact]开始的步骤和《制作简单AVE插件CPU监测插件》一样，所以不再叙述，我改的大小是宽为200，高150 [/font]
[font=Impact]添加新建的插件后，右键，Configure
选择Meter项~
在左边选择 XMLMeter Class，然后添加，一般添加一个就够了，如果你想要显示你所在城市的名称，那就需要添加两个~[/font]
[font=Impact]名称为了自己看起来方便就随便修改一下~比如我想要显示一个天气，一个城市的信息，所以添加了两个，功能也不一样~~[/font]

[font=Impact]
[/font]

[font=Impact][img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909113646.jpg[/img][/font]

[font=Impact]
[/font]
[font=Impact]编辑刚才添加的Weather 项目（Configure）在URL里面输入：
[url=http://xoap.weather.com/weather/local/CHXX0116?cc=*&dayf=10&unit=m]http://xoap.weather.com/weather/local/CHXX0116?cc=*&dayf=10&unit=m[/url]
关于此URL的说明，请看我的《显示天气的完整URl 及其解析》
编辑City，在URL里面输入相同的内容，然后将窗口中的 Use XPath 选上
注意，显示天气的项目不可以勾Use XPath，不然出错，而显示地址的项目一定要钩，不然不显示~~~这就是添加两个的目的~[/font]
[font=Impact]
[/font]
[font=Impact][img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909114143.jpg[/img][/font]
[font=Impact]
[/font]
[font=Impact]然后切换到Overlays
添加一个 CompositeOverlays Class （组，这是为了方便制作显示好几天天气的插件的，你也可以选择不添加，主要是看插件的需求）
命名组的名字为Today，然后在这个组下新建一个 TextOverlays Class，命名为City 如图所示[/font]
[font=Impact]
[/font]
[font=Impact][img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909114743.jpg[/img][/font]
[font=Impact]
[/font]
[font=Impact]选中City，然后点左边的Configure进行编辑
Meter里面选择City，就是你刚才在Meter项里面为显示城市的名称而建立的XML名字
Select里面输入 substring-before(//dnam, ',') 这个可以参考我的《天气的XML解释及其在AVE中的显示方法》
Format里面输入%s
然后就可以看到一点文字出现了，这个时候先调节位置（Draw at中的X，Y值）
调节到可以完全看到显示出来名字
然后选择SelectFont 选择你喜欢的字体
我使用的是 Comic Sans MS，小四字体~
设置Color为白色
然后再次调节显示位置，调节到刚好可以显示位置~这个目的是确定基准位置，节约插件的空间~
看到显示的城市名称了？~很高兴吧~[/font]
[font=Impact]
[/font]
[font=Impact][img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909115908.jpg[/img][/font]
[font=Impact]
[/font]
[font=Impact]
[/font]
[font=Impact]接下来是温度
再次在刚才的Today组中添加两个Text命名为Low和High
编辑high：
Meter选weather，就是选择和城市不一样的那个，不然会出错
Select输入 //day[@d=0]//hi 显示今天最高温度~同样可以选择你想要显示的
Format写%s°c 显示为摄氏度的标志
字体和上面的城市名字一样，设置成白色，然后调节一下显示位置就可以了~~
同样编辑low，方法一样~[/font]
[font=Impact]
[/font]
[font=Impact][img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909120504.jpg[/img][/font]
[font=Impact]
[/font]
[font=Impact]接下来是图标
添加一个 ImageOverlays Class
命名为icon
编辑 其Meter为Weather
Selector为 //cc/icon （显示现在的天气）
Format里面输入 icons\Lucid\%s.png
这个地址的是一个缩写，但是SYS可以识别完整的路径是（我自己的）：C:\ProgramFiles\AveDesk\Docklets\SysStats\icons\Lucid 然后再这个地址后面添加%s.png来让插件自动选择图片，使用的图标自己选择，因为我要做一个简单的，就选择了这一套
可以看到图标了吧，调节一下位置[/font]
[font=Impact]
[/font]
[font=Impact][img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909131322.jpg[/img][/font]
[font=Impact]
[/font]
[font=Impact]接下来显示天气
再次添加Text 命名为weather
编辑Meter选择weather
Selector为 //cc/t （现在天气）
Format为 %s
字体依旧，然后要注意的是在Horiz 里面选择一个你需要的对齐方式，一般是左对齐为主，这样左边就不会随着天气的变化而向左边移动，防止天气显示到不可见的位置~
然后调节位置

[img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909122037.jpg[/img]






好了，这样一个简单的天气插件就做好了~
我的显示效果如下，看来我的ini文件设置还是有点大了~然后关闭插件再次去修改一下ini文件就可以了~主要改高度，宽度不需要改~

[img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909122149.jpg[/img]
[img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060909122518.jpg[/img]


看着你的劳动成果，是不是开心的笑了呢？~
现在你知道下面的插件是怎么做出来的了吧？~~~
[img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060610103153-1.jpg[/img] [img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060607205128-1.jpg[/img]

[img]http://i29.photobucket.com/albums/c296/t_asuro/asuro20060905165925.jpg[/img]



努力看把，呵呵，很精华的

鱼 发表于 2006-9-17 20:47

呵呵。感觉很复杂呀。等过段时间回来学习一下。先 在这里支持一下。谢谢转载！

吉祥如易 发表于 2006-10-28 18:33

支持一下```支持一下```

renren8888 发表于 2008-3-30 00:18

支持一下```支持一下```

Qce 发表于 2008-5-21 08:18

好迷糊
都是鸟文

532794118 发表于 2008-6-5 21:58

很漂亮
支持一下

tqh27176 发表于 2008-6-6 08:59

真的好复杂,,看不太懂

pengfeng 发表于 2008-6-6 22:45

如此经典的教程既然没几个人看.
虽然还不会,
但必须要顶起来..
以后学习..

duguzhiyue 发表于 2008-6-7 16:01

太棒了 我太喜欢了

查看完整版本: 〔转〕Simple Weather插件制作