mac下dashboard小控制元件開發例項（附原始碼）

李博Garvin發表於2015-01-09
Mac控制元件原始碼

1.背景

         用mac的使用者都應該知道，mac有一個很好的功能，就是dashboard小控制元件的功能，按下F12鍵就可以自由切換。博主最近在背GRE單詞，就嘗試這開發了一個背單詞的dashboard小控制元件。效果如圖



2.步驟


  （1）安轉dashcode

         這個是開發工具，用起來有點像xcode, 下載地址：https://developer.apple.com/downloads/index.action
 
  （2）開啟dashcode，新建專案
          
         開啟右上角的資源庫，可以隨意拖拉控制元件在裡面。然後右鍵需要新增事件的控制元件，點選event就會在main.js中給相應的控制元件加上相應的事件，至於需要什麼邏輯，就自己編寫了，有js程式設計基礎的人應該對這個不陌生。

     （3）開發部署
         開發完，可以點選左上角的執行除錯效果，覺得ok了，就點選File-部署，這個控制元件就會出現在dashboard的備選欄裡，F12切換到dashboard，點選“+”按鈕就看到了我們自己開發的widget（圖中GRE是本例項）。




參考：【1】http://tech.ddvip.com/2014-03/1396270126209502.html
            【2】http://developer.51cto.com/art/201006/213565_3.htm


/********************************

* 本文來自部落格  “李博Garvin“

* 轉載請標明出處:http://blog.csdn.net/buptgshengod

******************************************/



相關文章