利用Samurize的PageScraper功能自製天氣預報 - 桌布

之前一直習慣用Rainmeter的天氣預報功能，
但有些Skin讀取的天氣資料實在不怎麼準確，
趁最近有空，研究了一下Samurize程式。
以下是我做個一個簡單天氣預報的教學，跟大家分享一下。

預覽圖１：
http://pic.pimg.tw/cirton/b9ec193ed304affcc22ae7228b008a3d.jpg

預覽圖２：
http://pic.pimg.tw/cirton/915fa08e609fcee0d3de63c4504ed9e7.jpg


先說一下，本人是個Samurize超新手，
一切操作步驟都是參考以下兩位神人的教學自己摸索的：
電腦小棧：http://pcsoft00.blogspot.com/
TRF小兵：http://trfno1.wordpress.com/
如果下列教學的操作步驟有任何問題，歡迎指教！

首先，要先下載相關的程式：
Samurize程式下載：
http://www.samurize.com/modules/mydownloads/visit.php?cid=1&lid=2074

中文化：
http://www.samurize.com/modules/mydownloads/visit.php?cid=15&lid=1120

PluginPak（含PageScraper插件）下載後在Samurize安裝資料夾內解壓所即可
http://www.samurize.com/modules/mydownloads/visit.php?cid=14&lid=2270

打包示範的天氣圖：（順序已調整好了，請勿更改順序）
http://www.sendspace.com/file/q9wanm
如果想用網頁預設的天氣圖的版友，這個可以不用下載了。


安裝完畢後，開啟程式，第一個步驟在編輯區（灰色區塊）按右鍵，
選擇Plugins -> PageScraper.dll
http://pic.pimg.tw/cirton/36b285f19a2333d20e8320e1d7c5218b.jpg?v=1276515561
在右側設定區選「來源」
選擇要執行的功能選「GetWebpage」 然後按「設定」
http://pic.pimg.tw/cirton/23b5c6c21ee665c08fe667970db48b79.jpg?v=1276515563
跳出來的視窗如圖：
http://pic.pimg.tw/cirton/6a55cba8c5443cebfe7746838862e6d1.jpg?v=1276515566

1.先貼上要擷取資訊的網址（我選擇的是Yahoo奇摩今日氣象的部份），然後按Load。
接著下方灰色區域會出現網頁原始碼，但是因為都是亂碼，所以要改用瀏覽器的
「檢視原始檔」來找資料。

2.勾選「Match1」，在Start Boundary貼上原始檔裡面天氣簡圖的前面字串，
End Boundary貼上後面的字串，找出天氣圖。

3.勾選Filter1 -> Add Prefix -> 在Add this text to the bebinning:的空白欄裡
可填入你想置換的天氣圖檔案位置。
　http://pic.pimg.tw/cirton/da9748fc687dec60f298f8d0a0b2f494.jpg
　如果要用網頁上預設的天氣圖的話，可略過步驟3。
此動作用意在於要將網頁預設的圖換成其他想換的天氣圖，
但是要注意：要換的天氣圖檔名要和網頁的一致！
也就是說，網頁上的圖是001.png，那麼你要換的圖檔檔名也要改成一樣的。
如果要知道路徑設得對不對，可以將灰色預覽區裡面路徑貼到瀏覽器的網址列
看看，如果正確，就會正常顯示。

4.勾選「Return All Occurrences」，找出原始檔內所有符合搜尋字串的資料。


_____________________以上到目前為止是設定天氣簡圖的部份__________________


接下來是加入天氣概況的描述：
http://pic.pimg.tw/cirton/0de0d8d4623ed4f449ad8fabc8feb029.jpg

1.勾選Match2，同樣將天氣概況的前面字串貼在Start Boundary，後面字串貼在
End Boundary，找出天氣概況的位子。

2.勾選「Return All Occurrences」，然後下方白色空白區域的[Match1]改成
[Match1]%tt[Match2]，然後按「Advanced Options」。
http://pic.pimg.tw/cirton/d333efb1d6d7de88f07a58ed0eb63cc4.jpg
　將檔案存成TXT文字檔（假設為001.TXT），然後將兩個視窗都按OK關掉。
　這時候，剛剛設定的那一推東西，會出現在灰色編輯區
　也就是下圖中Plugin:D:\什麼的那一串字。
http://pic.pimg.tw/cirton/5dbee16ef0712f29bc2c349a34dda49b.jpg
接著來到右邊設定區，選擇「顯示」，然後將文字區的字消除。
然後把一般 -> 繪圖類型改成「圖像」，這時候那串字會自動隱藏起來。

3.選擇「測試」 -> 「測試所有程序及外掛」。

4.然後隨意在灰色編輯區按右鍵新增文字檔案
http://pic.pimg.tw/cirton/ebc17c5de7a4ecf02aff98cb58c59593.jpg

5.右邊來源選擇讀取001.TXT，下面的「從此行開始讀取」要選欲讀取的資料。
如果不知道，可打開TXT檔來看，順序也可參考奇摩氣象網頁的順序。
例如我示範的是台南的天氣，原始檔裡面是第12行；台北市則是第1行，
資料都是有秩序的排列，可自行推算。
「讀取的行數」則是選你要讀取幾行資料，一行就選1，二行就選2......

6.接著設定Input -> Allow Input Controls -> Add -> Tool Tip
->Next ->Next ->勾選「Mouse Over」 -> Finished（如下圖）
　http://pic.pimg.tw/cirton/c237bfe899131f0672909f82700cad11.jpg
http://pic.pimg.tw/cirton/0e048ca24d4f9a30697559315cc5cc1a.jpg

7.到目前為止，如果步驟都正確，圖就會正常顯示在灰色編輯區。
到此步驟為止，完成天氣圖和天氣慨況的設定！


_________________________以下設定氣溫和降雨機率_____________________

1.同樣新增「PageScraper.dll」->來源 -> 選擇執行功能選「GetWebpage」。
　然後按設定。

2.在網址列同樣貼上奇摩氣象的網址，按Load。
3.勾選Match1在Start（End） Boundary分別貼上氣溫前後字串，因為搜尋字串相同，
降雨機率的資料同時會被搜尋出來。
http://pic.pimg.tw/cirton/24a6003a92aa2c99f0074d5b5a3d6c1b.jpg
有正確搜尋出資料的話，可在下方灰色區塊看到資料預覽。

4.勾選「Return All Occurrences」，然後按「Advanced Options」，同樣將
此設定檔另存成一個TXT檔。（假設是002.TXT）
5.顯示 -> 消除文字區資料，然後把一般 -> 繪圖類型改成圖像 ->測試
->測試所有程序及外掛。
http://pic.pimg.tw/cirton/a62e8ae0a1e8ee2355657994b2a5f691.jpg

6.另外新增文字檔案 -> 來源 ->讀取002.TXT，設定要讀取哪行資料。
　設定方法同前述。
http://pic.pimg.tw/cirton/a8cda07fe3060be3eebb7859e42f95a8.jpg

7.設定讀取行數後，可在預覽區看到資料。
可先擷取氣溫的資料，再擷取降雨機率，因為這兩者行數不行，要分別設定。
http://pic.pimg.tw/cirton/8e0a665ae613c8fd2781be60152a95a0.jpg
氣溫在預覽區可看到是呈現「XX～XX度C」，可在顯示的文字區輸入任何你想改的字。
例如在%v前面加上今日氣溫：，就可呈現為：「今日氣溫：XX～XX度C」

8.降雨機率的設定法跟氣溫一樣，只是在設定讀取行數時要改。
http://pic.pimg.tw/cirton/86c29bab654526033a694bc1c49db791.jpg
同樣可在降雨機率前面加上字串。

9.最後另外新增文字，輸入地區名稱。
　http://pic.pimg.tw/cirton/5c0b5aa6a46b77a0cfc7a8ffcee5c506.jpg
　http://pic.pimg.tw/cirton/37b3b9e51c5a7e6e3af4b837d14a8a5e.jpg


備註：可利用編輯區下方的「擷取螢幕圖像」功能來幫助你設計ini檔。
　　　同時也可配合「位置」 ->「使用設計的位置」的功能來幫助你
　　　定位，圖像位置也就不會跑掉囉！
http://pic.pimg.tw/cirton/0b9ed9dbde832b017a6bf9826bd79002.jpg


最後來看一下完整的預覽桌面：
http://pic.pimg.tw/cirton/ab53088661a460b78828861f712c100a.jpg


--

結論：使用PageScraper功能擷取的氣象資訊，比起Samurize的天氣插件，還有其他
軟體準確一些，本人只略懂皮毛，以上教學都是搭配高手的教學自行摸索出來的。
Samurize設定上之龜毛，搞得我都快要吐血了，不過上手之後，覺得蠻好用的。
希望板上如果有高手神人，不吝指教，推廣一下Samurize吧！


--