[分享] 利用Samurize的PageScraper功能自製天긠…

看板Wallpaper (手機桌布)作者 (*Lonely Dandelion*)時間16年前 (2010/06/14 21:05), 編輯推噓3(301)
留言4則, 3人參與, 最新討論串1/1
之前一直習慣用Rainmeter的天氣預報功能, 但有些Skin讀取的天氣資料實在不怎麼準確, 趁最近有空,研究了一下Samurize程式。 以下是我做個一個簡單天氣預報的教學,跟大家分享一下。 預覽圖1: http://pic.pimg.tw/cirton/b9ec193ed304affcc22ae7228b008a3d.jpg
預覽圖2: 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吧! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 112.104.21.235

06/14 21:27, , 1F
推一下Samurize,它也可以做專輯封面,但很難做的好
06/14 21:27, 1F

06/14 21:28, , 2F
因為像時間軸的效果就不盡理想了
06/14 21:28, 2F

06/14 21:42, , 3F
好詳細 推~~
06/14 21:42, 3F

06/14 22:24, , 4F
有在用samu推推
06/14 22:24, 4F
文章代碼(AID): #1C5YaRYq (Wallpaper)
文章代碼(AID): #1C5YaRYq (Wallpaper)