BLOGワンダープラネットの開発者ブログです。モバイルゲーム開発情報を発信。WatchKitエンジニアブログ担当の近藤です。前回の「HelloWorld編」に引き続き、今回はAppleWatchの画面を作ってみましょう。いくつかのUI部品の簡単な使い方を紹介していこうと思います。betaでプロジェクトを作成してください。Watchアプリの画面を編集する画面が開きます。LibraryからUIをドラッグ&ドロップで配置していくのは前回紹介しましたが、使えるUIは下記のようにたくさん用意されています。UIのオブジェクトはWKInterfaceObjectというクラスで管理されています。UIKitで言うところのUIViewクラスのようなものです。それぞれが下記のようにWKInterfaceObjectのサブクラスで構成されています。WatchKitのUIオブジェクトはUIKitのUIオブジェクトと同じようにIBActionでメソッドとひも付けたり、IBOutletで変数にひも付けをする事ができます。各クラスのメソッドやプロパティ等の詳細はリファレンスを参照してください。WKInterfaceMap画面遷移をやってみる画面を複数作成して画面遷移をやってみましょう。Kitでの画面遷移はUIKitと同じようにPushとModalによる遷移です。Watchのひとつの画面になります。UIKitでのViewControllerと思えば良いでしょう。storyboardにドラッグ&ドロップで配置しましょう。ボタンを配置してボタンをタップしたら次の画面へ遷移するようにします。付いてる方)にボタンを配置して、「次の画面へ」など好きなようにボタンの文字を変えましょう。UIKitでアプリを作っていたときと同じように「Control」ボタンを押しながら次の画面へドラッグします。すると、画面遷移方法を「push」か「modal」を選ぶ事ができます。今回は「push」を選びましょう。これで「次の画面へ」ボタンを押したときに画面遷移します。実行してみましょう【1個目の画面】ボタンをタップすると次の画面へ遷移します。【2個目の画面】2個目の画面ではUIKitのUINavigationControllerのように画面左上に戻るボタンが配置されており、これをたっぷすることで1個目の画面に戻る事ができます。UIKitに似ている部分がありますね。Watch独自のUIを触ってみましょう。InterfaceControllerには↓の画像のような「メニュー」をつける事ができます。Item)を設置する事ができ、AppleWatchのシミュレータの画面を長押しすると表示されます。ItemからIBActionでメソッドを呼び出して何らかの操作をする事ができます。メニューのドキュメントはこちらでは、画面にメニューを配置してみましょう。Libraryから「Menu」をInterfaceControllerに配置します。これでメニューをその画面で利用する事ができるようになります。Item」ドラッグ&ドロップして「Menu」の中に追加します。4つ配置してみましょう。Itemを選択し、ボタンのタイプを選択できます。画像のようにたくさん用意されています。好きなものを選んで、どんな種類のボタンがあるのか試してみてください。4つともボタンのタイプを選択したら実行してみましょう。Watchのシミュレータが起動したら画面を長押ししてみましょう。メニュー画面が開いてメニューのボタンが表示されます。IBActionを設定していないのでメニューのボタンを押しても何も起きませんが、このメニューのボタンを使っていろんなアプリの操作ができるようになります。Watchの画面の実装してみました。基本的な画面の作り方はUIKitの時とだいたい同じような感覚で作り込んでいく事ができる様です。Watchがどんな製品なのか見えてくるかもしれないですね。Watchは4月に発売する名言したと言われていますが、日本での発売が今から楽しみですね。SDKを使ってミニ四駆をスマホでコントロールしようR&D事業部の近藤です。Watchでの文字入...2015-06-12WatchKitでWatchAppからiPhone側のアプリを操作する今回のエンジニアブログ担当の近藤です。このページを見ている...2015-04-15WatchKitでGlanceを使ったアプリを作ってみようエンジニアブログ担当の近藤です。World編)今回のエンジニアブログ担当の近藤です。採用情報ワンダープラネットではモバイルゲーム開発者を募集しております。(S編)C/C++でネットワークプログラミングをやってみよう(2)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。