利用PebbleJS写pebble手表应用

这个月初&＃xff0c;任性买了刚发布的pebble time&＃xff0c;一直还没写个应用&＃xff0c;这个周末抽出时间看看。

pebble的应用可以用C和Node开发&＃xff0c;开发工具也可以使用cloudpebble&＃xff08;墙内用户伤不起&＃xff09;或者下载sdk离线开发。

mac安装pebble sdk太简单了

brew install pebble/pebble-sdk/pebble-sdk


网路顺畅的话&＃xff0c;安装就完成了。

离线建C项目只要运行pebble new-project xxx就好&＃xff0c;但是js项目需要把github上的项目https://github.com/pebble/pebblejs.git clone下来

git clone https://github.com/pebble/pebblejs.git
文件目录

pebble应用的配置文件在appinfo.json里面&＃xff0c;逻辑代码都写在src下的js/app.js里

引入ui模块

var ui &＃61; require(&＃39;ui&＃39;);


Window

var wind &＃61; new UI.Window({fullscreen: true,
});
wind.show();


效果如图&＃xff1a;

Card

创建一个卡片

// Create a Card with title and subtitle
var card &＃61; new UI.Card({title:&＃39;Weather&＃39;,subtitle:&＃39;Fetching...&＃39;});// Display the Card
card.show();card.on(&＃39;click&＃39;, &＃39;up&＃39;, function(e) {/*上键事件*/})
card.on(&＃39;click&＃39;, &＃39;select&＃39;, function(e) {/* 中键事件*/})
card.on(&＃39;click&＃39;, &＃39;down&＃39;, function(e) {/*下键事件*/})


效果如图

Card还有body和icon属性

Menu

var resultsMenu &＃61; new UI.Menu({sections: [{title: &＃39;Current Forecast&＃39;,items: [{title: &＃39;Clear&＃39;,subtitle: &＃39;11-05 21:00&＃39;}]}]});resultsMenu.on(&＃39;select&＃39;, function(e) {console.log(&＃39;Selected item #&＃39; &＃43; e.itemIndex &＃43; &＃39; of section #&＃39; &＃43; e.sectionIndex);console.log(&＃39;The item is titled "&＃39; &＃43; e.item.title &＃43; &＃39;"&＃39;);});// Show the MenuresultsMenu.show();


pebble build


#安装

pebble install --phone 192.168.1.107//你的手机ip&＃xff0c;记得打开pebble的调试模式


查看偶的博客&＃xff0c;欢迎来踩