あむちょです。
早速SDK2.0対応のWatch Faceを作ってみました。ついでにSDKの変更点など
Pebbleとはなんぞって人は以下から。
スマートウォッチPebble
以前作ったものをそのまま2.oに対応させました。
アプリのビンタの達人のキャラが上下にちょろちょろ動きます。時刻は24h表示で、秒にあわせて動きます。
Pebbleアプリで「Slap Master」と検索すればでできます。Pebbleアプリがアップデートしてかなり使いやすくなった上に、インターフェイスが格好良すぎです。
しかもPebbleの新しいモデルで、革とメタルできるとかで物欲ビンビン丸です。スペックも内部メモリが2倍だとか。
個人的にPebble熱が再び沸いてきたきたけど、いかんせんSDKの変更点が多い上に参考になる資料がなさすぎる。
サンプルソースコードと格闘するのも疲れるので、忘れないようにメモ。
まずwatch faceの名前やバージョン情報がappinfo.jsonに書くようになりました。ついでにリソースファイルもここに記述するようになったのだが早速罠が。
SDK1.0でimage.pngをIDをIMAGEとしてソースで使いたい場合
<br />
{"friendlyVersion": "VERSION",<br />
"versionDefName": "APP_RESOURCES",<br />
"media": [<br />
{<br />
"type": "png",<br />
"defName": "IMAGE",<br />
"file": "images/image.png"<br />
}<br />
]<br />
}<br />
と書いてたのがSDK2.0だとdefNameがnameに変わりました。uuidは自動的に生成されます。デフォルトだとwatchfaceはfalseになってます。
<br />
{<br />
"uuid": "e9af42f3-hoge-hoge-huga-huga",<br />
"shortName": "SlapMaster",<br />
"longName": "SlapMaster",<br />
"companyName": "fieldWalking",<br />
"versionCode": 1,<br />
"versionLabel": "1.0.0",<br />
"watchapp": {<br />
"watchface": true<br />
},<br />
"appKeys": {},<br />
"resources": {<br />
"media": [<br />
{<br />
"type": "png",<br />
"name": "IMAGE",<br />
"file": "images/image.png"<br />
}<br />
]<br />
}<br />
}<br />
と地味な変更が。気づくのに時間がかかりました。
次はwindow,TextLayerなどがポインターに変更。
windowの生成がSDK1.0だと
<br />
Window window;</p>
<p>void handle_init(AppContextRef ctx) {<br />
window_init(&window, "App Name");<br />
window_set_background_color(&window, GColorBlack);<br />
window_stack_push(&window, true /* Animated */);<br />
}<br />
だったのがSDK2.0だと
<br />
Window *window;</p>
<p>static void init(void) {<br />
window = window_create();<br />
window_stack_push(window, true /* Animated */);<br />
window_set_background_color(window, GColorBlack);<br />
}<br />
Windowにレイヤーを追加する場合。
SDK1.0だと
<br /> layer_add_child(&window.layer, &textLayer.layer);<br />
だったのがSDK2.0だと
<br /> Layer *root_layer = window_get_root_layer(window);<br /> layer_add_child(root_layer, text_layer_get_layer(text_layer));<br />
レイヤーを所得するのが専用の関数からになりました。
画像に関しては専用のレイヤーが必要
SDK1.0の場合、BmpContainerに画像をリソースから時は
<br />
BmpContainer image;</p>
<p>void load_image(){<br />
bmp_init_container(RESOURCE_ID_IMAGE, &image);<br />
layer_add_child(&window.layer, &image.layer.layer);<br />
}<br />
だったのが、SDK2.0の場合
<br />
GBitmap *image;<br />
BitmapLayer *image_layer;</p>
<p>void load_image(){<br />
image = gbitmap_create_with_resource(RESOURCE_ID_IMAGE);<br />
image_layer = bitmap_layer_create((GRect) { .origin = { 0, 120 }, .size = { 144, 168 } });<br />
bitmap_layer_set_bitmap(image_layer, image);</p>
<p> Layer *root_layer = window_get_root_layer(window);<br />
layer_add_child(root_layer, bitmap_layer_get_layer(image_layer));<br />
}<br />
とBitmapLayerが必要になりました。
タイムイベントハンドラーの変更
SDK1.0で秒イベントハンドラーでtext_layerを更新する場合
<br />
void handle_second_tick(AppContextRef ctx, PebbleTickEvent *t) {</p>
<p> (void)t;<br />
(void)ctx;</p>
<p> static char timeText[] = "00:00"; // Needs to be static because it’s used by the system later</p>
<p> PblTm currentTime;<br />
get_time(&currentTime);</p>
<p> string_format_time(timeText, sizeof(timeText), "%T", &currentTime);</p>
<p> text_layer_set_text(&timeLayer, timeText);<br />
}<br />
SDK2.0で
<br />
void handle_second_tick(struct tm *tick_time, TimeUnits units_changed) {</p>
<p> static char timeText[] = "00:00";</p>
<p> strftime(timeText, sizeof(timeText), "%T", tick_time);<br />
text_layer_set_text(text_layer, timeText);<br />
}<br />
となります。
それとなぜかフォントのFONT_KEY_GOTHAM_42_BOLDがなくなり、FONT_KEY_BITHAM_42_BOLDになってました。font.hを見て使うのが確実です。
ほかにもたくさんの変更点がありますが、特によく使うのはこのあたりかと思います。
[ad][ad]