mac下dashboard小控件开发实例(附源码)

1.背景

         用mac的用户都应该知道,mac有一个很好的功能,就是dashboard小控件的功能,按下F12键就可以自由切换。博主最近在背GRE单词,就尝试这开发了一个背单词的dashboard小控件。效果如图
mac下dashboard小控件开发实例(附源码)_第1张图片


2.步骤


  (1)安转dashcode

         这个是开发工具,用起来有点像xcode, 下载地址:https://developer.apple.com/downloads/index.action
 
  (2)打开dashcode,新建项目
          mac下dashboard小控件开发实例(附源码)_第2张图片
         打开右上角的资源库,可以随意拖拉控件在里面。然后右键需要添加事件的控件,点击event就会在main.js中给相应的控件加上相应的事件,至于需要什么逻辑,就自己编写了,有js编程基础的人应该对这个不陌生。

     (3)开发部署
         开发完,可以点击左上角的运行调试效果,觉得ok了,就点击File-部署,这个控件就会出现在dashboard的备选栏里,F12切换到dashboard,点击“+”按钮就看到了我们自己开发的widget(图中GRE是本实例)。
mac下dashboard小控件开发实例(附源码)_第3张图片



源码下载:https://github.com/jimenbian/DashBoard_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

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



你可能感兴趣的:(mac下dashboard小控件开发实例(附源码))