[Pebble SDK] SimpleMenuLayer でメニューを表示する

公開日: : 最終更新日:2014/01/05 gadget, Pebble

Pebble SDK が 2.0 になり、SDK 1.x で作ったアプリは動かなくなってしまうということで EverLearn 用アプリの2.0対応を行っている。
iOSアプリ開発だと何か問題に遭遇しても検索すればあっという間に解決方法が見つかるが、Pebbleアプリ開発はまだ開発者が少なく、また SDK 1.x と SDK 2.0 でソースの書き方が結構変わっており 2.0の情報はまだほとんどないので、さらに情報が見つけづらい状況になっている。
頼みの綱は Developer Forum なのだが、2.0 移行のためにPebble側が大変な状況なのか、普通に放置されることも多い。
ということで、仕方なく試行錯誤を繰り返すことになるのだが、今回初めて SimpleMenuLayer を使ったら見事にはまってしまった。

やりたかったのは、Pebbleのセンターボタンを押したときにメニューを出して、単語をiPhoneに転送したり、これまでに受け取った単語を全て消したりできるようにすること。

pebble-screenshot_2013-12-22_17-05-40

しかし簡単に SimpleMenuLayer で表示できるはずが、画面が真っ黒になったり、真っ白になったりして、何も表示されない。

試行錯誤を繰り返したところ、問題は解決したが、結局原因は3つあったらしい。

問題1

SimpleMenuLayerは背景が白、文字列が黒で固定なようで、下記のように背景色を黒にしてしまうと文字列がまったく表示されなくなる。

    window_set_background_color(window_menu, GColorBlack);

これは単純な話なのでAPI説明ページに一言書いておいてくれればはまることもなかったのだが。
そしていまだにメニューのテキスト色を変える方法はわかっていない。まだできないのかも。なので、Pebbleアプリ(WatchAppというらしい)で黒背景にしていた場合、メニューを表示する際に背景を白に変える必要があった。

問題2

window_stack_push() は一通り設定を行ってから実行する必要がある。
何かのサンプルコードをコピペした時にそうなっていたのかも知れないが、なぜかいろいろ設定する前に実行してしまっていた。

問題3

MacOS Lion だとSDK 2.0 で提供されている arm-cs-tools が利用できない。1.x の時に提供されていたものを使えばビルドできるが、どうも描画まわりで挙動がおかしいように見えた。
結局MacBook ProをMountain LionにUpgradeした後にビルド、転送したところ描画問題は発生しなくなった。

原因がわかってしまえば何てことはないのだが、疑わしいところが多すぎて解決に時間がかかってしまった。
いつまで有効な情報かわからないけれども、一応メニュー表示部分のソースコードを公開してみる。

ところでPebble SDK 2.0 になってから開発環境がかなり改善されて、MacOS側にBluetooth経由でログを表示したり、コマンドラインでPebbleアプリのスクリーンショットが簡単にMacOS側に保存できたりするようになってかなり快適になった。
Pebbleは歩みがゆっくりな感じはするけれども、着実に前進している気がする。来年が勝負の年だろうか。

// Function when pressing a center button
void select_btn_pressed() {
    window_menu = window_create();
//    window_set_fullscreen(window_menu, true);
    window_set_background_color(window_menu, GColorWhite);
    
    // SimpleMenu
    menu_items[0] = (SimpleMenuItem) {
        .callback = NULL,
        .icon = NULL,
        .subtitle = "Send a word to a phone",
        .title = "Send",
    };
    menu_items[1] = (SimpleMenuItem) {
        .callback = menu_select_callback,
        .icon = NULL,
        .subtitle = "Erase All Words",
        .title = "Erase",
    };
    
    // Bind the menu items to menu sections
    menu_sections[0] = (SimpleMenuSection) {
        .items = menu_items,
        .num_items = NUM_MENU_ITEMS,
        .title = "Menu",
    };
    
    Layer *window_layer = window_get_root_layer(window_menu);
    
    // Now we prepare to initialize the simple menu layer
    // We need the bounds to specify the simple menu layer's viewport size
    // In this case, it'll be the same as the window's
    GRect bounds = layer_get_frame(window_layer);
    
    APP_LOG(APP_LOG_LEVEL_DEBUG, "select %d %d", bounds.size.h, bounds.size.w);
    
    // Initialize the simple menu layer
    simple_menu_layer = simple_menu_layer_create(bounds, window_menu, menu_sections, NUM_MENU_SECTIONS, NULL);

    // Add it to the window for display
    layer_add_child(window_layer, simple_menu_layer_get_layer(simple_menu_layer));
    
    window_stack_push(window_menu, true);
}

関連記事

no image

Kindle 3 で Appleの開発者向けドキュメントを読めるか

Kindle3 3G+Wi-Fi 6インチディスプレイを買ったので、いろいろ試している。 そもそもK

記事を読む

Amazon Echo Spot を買ってみた

2018/07/26(木) に発売された、丸いスクリーン付き Alexa デバイス Echo Spo

記事を読む

no image

大掃除には BROTHER ラベルライター P-touch 18R

ノートやクリアファイルの表紙に題名を入れたいが、悪筆なので自分の字でタイトルは書きたくない。 という

記事を読む

Everio で撮影した動画を写真袋で公開する

年末に奥さんが Victor Everio GZ-HM670 で撮影した長女のバレエ動画を写真袋で

記事を読む

ポケモン GO Plus 購入

品薄が続いているポケモンGO Plusだが、自分はたまたま9/16発売日朝7時にひとりぶろぐさんのT

記事を読む

謎のスマートウォッチたち続々登場

知らないうちにAmazonに中国製?スマートウォッチたち続々登場。数千円で買えるスマートウォッチがこ

記事を読む

LINE Clova ドラえもんを買ってみた

LINE は使っているけれども、Amazon Echo DotとAmazon Echo Spot

記事を読む

no image

東プレ Realforce 専用交換キーキャップを Realforce 91UBK に取り付けてみた

自宅で Realforce 91UBK ALL55g 会社で Realforc

記事を読む

no image

MacBook用外付けバッテリー HyperJuice vs PowerGorilla 2011/07/24

機内などでMacBookを長時間使いたいと思い、有名と思われるHyperJuiceを買おうとしたとこ

記事を読む

no image

[Pebble] Pebble appstore 2014年に公開

Pebbleが2013年7月に一般向けにも発売され、Pebble用のWatchAppやWat

記事を読む

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Ember Mug 2のACアダプタをUSB Type-Cに変えてみた

冬になると活躍する Ember Mug 2 の充電器は付属のACアダ

Wi-Fi6Eルータ TP-Link AXE5400購入

Wi-Fi6E を試してみたくなり、TP-Link AXE5

児童手当 認定請求書申請 2024 「請求者が養育をする18歳に達する日以降の最初の3月31日までの子の数」とは?

2024年に受給していない人には手紙が届くらしい。 電子申請も

Vision Proアプリ開発本 8/24、8/26に発売

Vision Proアプリ開発入門 P400が 8/24 に発売、V

Developer Strap が日本でも購入可能に

USアカウントでしか購入できなかった Vision Pro 用 De

→もっと見る

PAGE TOP ↑