Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Notes on Porting My Pebble App to SDK3

DZone's Guide to

Notes on Porting My Pebble App to SDK3

This tutorial will demonstrate porting an existing Pebble application into the recent Pebble SDK 3.0.

· IoT Zone
Free Resource

Late last night I decided to update my Rest pebble app to make use of the colour features of BASALT, i.e. the Pebble Time's colour features.

In particular, I wanted the resting time to show in green and overtime to show as red. These are my notes that I gathered in porting the app to SDK 3 whilst still supporting the APLITE Pebble (or OG as I like to think).

Layout

With my app, I have a ActionBarLayer on the right with arrows andTextLayers with the second countdown. I noticed when deploying to BASALT, the position was off, and in fact everything was closer.

I did some simple repositioning, but you can see from the screenshot below that the ActionBarLayer is actually slightly wider:

APLITE vs BASALT side-by-side

This is emphasised when the count is actually going down:

APLITE vs BASALT side-by-side

This is due to BASALT being "full screen" by default. So to compensate for this, I need to do conditional positioning on the elements. For the position of theTextLayer, I'm using 134 - ACTION_BAR_WIDTH (which is 30 for BASALT and 20 for APLITE):

s_textlayer_120 = text_layer_create(GRect(0, 12, 134 - ACTION_BAR_WIDTH, 42));

To get the top positioning on the TextLayers I couldn't seem to calculate the values correctly, so I had a conditional set of defines:

#ifdef PBL_PLATFORM_BASALT
  #define MENU_TOP 16
  #define MENU_MIDDLE 64
  #define MENU_BOTTOM 112
#else
  #define MENU_TOP 6
  #define MENU_MIDDLE 54
  #define MENU_BOTTOM 102
#endif

Developing for APLITE and BASALT

I've got an original (kickstarter) Pebble and a Pebble Time. I'm used to deploying to devices (rather than emulators, though I'll come on to this).

However, I found (after a lot of failure) that you can't develop for more than one Pebble device at a time. Importantly, on the phone Pebble app (be it Pebble or Pebble Time) you can only have one watch enabled for development.

The workaround is to keep switching between the two apps, flipping the developer checkbox.

Or...use the emulator on the command line. It's pretty solid, and conveniently you can have both the BASALT and APLITE running side by side (as you seen from my shots above).

UI Tweaks

Since my Rest app is designed to be used in the gym (I use the gym 4 times a week and use the Rest app all the time), there's a few important requirements:

  • Clear to read (quickly)
  • Show the time

Being clear to read was the motivation behind using colour in my app. Now I can quickly see if I'm over or not based on colour.

However, BASALT apps all run in fullscreen - so you lose the time, which is useful to me because I need to know if my gym session is running over or not. Thankfully the developer docs include putting the time back in on their migration guide.

What I needed to specifically do was ensure the StatusBarLayer was under myActionBarLayer, otherwise you get this effect, where the StatusBarLayer cuts into the menu.

The fix is to simply ensure the ActionBarLayer is drawn after theStatusBarLayer.

Topics:
iot ,wearables ,pebble

Published at DZone with permission of Remy Sharp, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}