文档章节

利用PebbleJS写pebble手表应用

宫不上叔
 宫不上叔
发布于 2015/08/25 18:02
字数 383
阅读 90
收藏 0

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

开头

pebble的应用可以用C和Node开发,开发工具也可以使用cloudpebble(墙内用户伤不起)或者下载sdk离线开发。

安装SDK

mac安装pebble sdk太简单了

brew install pebble/pebble-sdk/pebble-sdk

网路顺畅的话,安装就完成了。

建立PebbleJS工程

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

git clone https://github.com/pebble/pebblejs.git

文件目录

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

UI module

引入ui模块

var ui = require('ui');

Window

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

效果如图:

<img src="https://developer.getpebble.com/assets/images/getting-started/watchface-tutorial/1-blank.png">

Card

创建一个卡片

// Create a Card with title and subtitle
var card = new UI.Card({
    title:'Weather',
    subtitle:'Fetching...'
    });

// Display the Card
card.show();

card.on('click', 'up', function(e) {
    /*上键事件*/
    })
card.on('click', 'select', function(e) {
    /* 中键事件*/
    })
card.on('click', 'down', function(e) {
    /*下键事件*/
    })

效果如图

<img src="https://developer.getpebble.com/assets/images/getting-started/pebble-js-tutorial/1-fetching.png">

Card还有body和icon属性

Menu

var resultsMenu = new UI.Menu({
    sections: [{
        title: 'Current Forecast',
        items: [{
            title: 'Clear',
            subtitle: '11-05 21:00'
            }]
        }]
    });

    resultsMenu.on('select', function(e)    {
        console.log('Selected item #' + e.itemIndex + ' of section #' + e.sectionIndex);
        console.log('The item is titled "' + e.item.title + '"');
    });

    // Show the Menu
    resultsMenu.show();

<img src="https://developer.getpebble.com/assets/images/getting-started/pebble-js-tutorial/2-menu.png">

编译

pebble build

#安装

pebble install --phone 192.168.1.107//你的手机ip,记得打开pebble的调试模式

查看偶的博客,欢迎来踩

© 著作权归作者所有

宫不上叔
粉丝 4
博文 10
码字总数 2574
作品 0
大连
程序员
私信 提问
加载中

评论(2)

宫不上叔
宫不上叔 博主

引用来自“quanwei9958”的评论

pebble 第一次 new-project 时候需要下载pebble的sdk, 然而一直下载失败。。
翻墙啊
quanwei9958
quanwei9958
pebble 第一次 new-project 时候需要下载pebble的sdk, 然而一直下载失败。。
阿迪达斯退出可穿戴市场,运动品牌的硬件尝试为何屡屡碰壁?

摘要 受困于目前的产品形态和交互形式,可穿戴设备在普及的同时也成为了手机的附庸。 终于,阿迪达斯也宣布退出了可穿戴设备的市场。 多家外媒引用《波特兰商业杂志》报道,阿迪达斯正在关停...

宋德胜
2017/12/20
0
1
超越Web,Javascript在物联网的应用

引子 Patrick Catanzariti 是一名Web开发工程师,最近他在 sitepoint 发表了《JavaScript Beyond the Web in 2014》,介绍了JavaScript在物联网中的应用,非常有意思。做为JavaScript的爱好者...

葡萄城控件技术团队
2014/10/15
262
1
腾讯互娱开源分布式开发框架 Pebble

作者:韩伟 构建游戏世界的Pebble 愿景:出色的游戏服务器端底层框架 现代游戏项目中,为了让更多的玩家能在一起玩,游戏服务器所需要承载的在线玩家数量越来越多。同时为了让游戏更好玩,越...

腾讯云社区
2017/11/23
0
0
LinkedIn 联合创始人霍夫曼谈密码泄露事件

北京时间6月25日消息,据国外媒体报 道,雷德•霍夫曼(Reid Hoffman)是硅谷一位颇具实力的人物,他最初在PayPal工作,是PayPal的首位全职员工,不过,他是作为LinkedIn的联合创始人更加 出名...

oschina
2012/06/25
881
1
mac 安装 pebble sdk

使用homebrew安装pebble sdk 安装 pebble cli工具 安装好后我们有了命令行工具 这时候sdk还没有实际安装,试着 检验是否正确 安装最新版sdk 在线安装 同意了开发者协议即可开始下载sdk并安装。...

quanwei9958
2016/06/01
54
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue warn]: Computed property "activeNames" was assigned to but it has no setter.

在使用 vue,element-ui时,如下代码 <template> <el-form :model="numberValidateForm" ref="numberValidateForm"> <el-form-item> <el-tabs v-model="activeNames" @tab-cl......

牧云橙
18分钟前
2
0
重构-改善既有代码的设计-6.2内联函数

6.2内联函数 动机 本书经常以简短的函数表现动作意图,这样会使代码更清晰易读。但有时候你会遇到某些函数,其内部代码和函数名称同样清晰易读。也可能你充够了该函数的内部实现,使其内容和...

还仙
19分钟前
4
0
Less 混入

混合类似于编程语言中的函数。 Mixins 是一组CSS属性,允许我们将一个类的属性嵌套于另一个类,被嵌入的类可以看作是变量,并且包含类名作为其属性,也就是说我们可以用一个类定义样式然后把...

凌兮洛
22分钟前
4
0
频繁FGC的真凶原来是它

频繁FGC的真凶原来是它 上周排查了一个线上问题,主要现象是CPU占用过高,jvm old区占用过高,同时频繁fgc,我简单排查了下就草草收场了,但是过后我对这个问题又进行了复查,发现问题没有那...

每天晒白牙
23分钟前
4
0
简单的树形菜单如何写

业务需求 数据结构中含有图片、名称、children的树形结构,需要展示出每一级的图片名称和图片,找了些树形图的插件,都没有展示大的图片的,一般都是小图标,就自己试着写一个包含图的简单的...

tianyawhl
24分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部