圖文並茂網誌版：http://seskywalker0981.pixnet.net/blog/post/25721026 =========================我是分隔線============================ 呼…好像有一段時間沒有打電腦的碎碎念系列…所以這次大放送！ 除了靜態的圖片說明外…後面幾篇還有操作的影片檔喔…^^ 其實這次要碎碎念的東西是在PTT上看到的， 發明者是個台灣人，現在在MIT…也就是麻省理工學院… （小榮這輩子應該只會在電影上看到這間學校吧…Orz） 雖然還在Beta版，但這東西…或許會改變以後寫程式的習慣~ ( ￣ c￣)y▂ξ 嗯？那到底啥是Sikuli呢？ 想像一下…寫程式不再只是卯起來打程式碼，而是能搭配「圖片」來寫， 剪剪貼貼圖片後再key上程式碼，就能夠讓電腦自己執行動作～ （例如我要針對Google Map中某一個地點下動作…= =+） 再次強調…程式並不是小榮的專長啊！（應該說是小榮的痛…>.<） 所以這東西我也只能說個大概，有興趣的話請大家研究研究~ （不過目前好像比較少有中文的資料，大都是英文的） 當然一開始要去抓這個東東～作者已經打包好了， 來來來～到官方網站：http://groups.csail.mit.edu/uid/sikuli/ 按下Download連結後會自動下載檔案：（詳見下圖） http://seskywalker0981.pixnet.net/album/photo/109174451 PS：注意！須先安裝Java虛擬機器（JVM） ， 可至　http://www.java.com/zh_TW/download/index.jsp　下載安裝， 不然抓完後按下安裝後…可能只會看到解壓縮的結果…= =+ 還有官網裡面有程式碼的寫法和範例，有興趣的話可以研究一下～ 不過…他的範例大都是在Mac底下才能操作就是了…Orz　（看按鈕圖形就知道為啥了） 1.下載後直接執行解壓縮及安裝，（會問你要不要建立資料夾，選擇Yes） 過程不需改選項一直按「Next」及可，最後按下「Done」安裝完畢。 http://seskywalker0981.pixnet.net/album/photo/109174452 2.您看看您看看～多麼簡潔的畫面啊！ http://seskywalker0981.pixnet.net/album/photo/109174453 由於只是基本的介紹，所以這篇會用到的只有框框圈起來的按鈕..^^” http://seskywalker0981.pixnet.net/album/photo/109174454 →直接截取想要的圖片部分（蠻好玩的～^o^） http://seskywalker0981.pixnet.net/album/photo/109174455 →直接執行編寫好的程式碼 http://seskywalker0981.pixnet.net/album/photo/109174456 →以「慢動作」方式執行程式…（別懷疑…真的是一步步執行給你看…= =） 3.那…跟一般程式寫法差在哪邊呢？別急…看下面吧～ 一開始就提到Sikuli能用圖片來寫程式，圖片…嗯？ 難道跟那個圖片擷取按鈕（照相機圖案那個）有關？Bingo!!!!! 按下去之後發現螢幕變暗，用滑鼠左鍵拖曳還會出現選取框框！ 沒錯～Sikuli直接把截圖工具寫在裡面，選完後放開左鍵… 燈燈～就發現它幫你截出來，而且可以運用囉！ 在這邊要注意…剪貼圖片時不要剪得太離譜，不然程式可能會無法判斷～ http://seskywalker0981.pixnet.net/album/photo/109174457 【別懷疑～這個動作就是Sikuli幫你建立一個物件…\(^▽^)/ 】 回到主畫面後，喔喔～剛剛的東西已經在裡面，可以開始運用囉！ http://seskywalker0981.pixnet.net/album/photo/109174458 恩..這篇只是在帶個簡易入門說明，所以小榮就用程式的經典語法來示範： 「Hello World!」→相信這二個字對很多人都不陌生吧…^^” 至於要怎麼運剛剛的圖示呢？ 讓我們在圖片前面打一些字吧： http://seskywalker0981.pixnet.net/album/photo/109174459 你說…這二行是什麼意思？沒錯～就直接按字面上看吧！ doubleClick(圖片)：雙擊（白話：點二下）111的文字檔…就是剛剛截取的圖片 type(“Hello World!”)：輸入「Hello World!」 接下來就按下最右邊的黃色箭頭…讓我們看看發生什麼事情吧！ http://seskywalker0981.pixnet.net/album/photo/109174460 【黑色框框就是剛剛選取的東西，現在程式在進行「點二下」的動作】 http://seskywalker0981.pixnet.net/album/photo/109174461 【接著程式輸入「Hello World!」的字…打個很快…= = 】 如何？夠不夠直覺啊…XD 而有別於一般程式寫完後儲存只是一些程式碼， Sikuli在儲存時…是一併把圖片也存進去的喔！請見下圖： http://seskywalker0981.pixnet.net/album/photo/109174462 【資料夾名稱：「檔名.sikuli」 】 直接用文字編輯器打開*.py檔，會發現圖片那欄是一串文字， 這也表示Sikuli除了用截圖外，也可以單獨插入圖片來做程式的編寫喔！ （也就是左邊數來第二個按鈕） 其實能做的事情還有很多，詳情請大家看一下官網的程式寫法吧！ 作者也有放一段運用Sikuli自動輸入Mac中設定網路的影片， 也期待之後釋出的版本可以把編寫好的程式編譯成執行檔…^o^ 接下來小榮會放出二個範例， 一個是清掉資源回收桶檔案（作者也有這個範例，但他的是Mac版的…）， 第二個則是連線到ptt並登入小榮的帳號， 至於程式碼則看下一篇（預計明後天釋出）吧！另外還附有影片檔喔…v(￣︶￣)y　　 -- 年輕、熱血、白爛、溫馨集一身！ Ｓｋｙ的小窩：http://blog.pixnet.net/seskywalker0981 ﹨(╯▽╰)∕　　　　另外附上電腦碎碎念＆強者爸媽的活耀紀事！　　　﹨(╯▽╰)∕ --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 125.229.0.175 ※ 編輯: reklawyks 來自: 125.229.0.175 (01/28 23:11)