Apple Watchで文字入力をするには

エンジニアブログ担当の近藤です

今回はApple Watchでの文字入力をする部分の実装をしてみます。
Apple Watchには画面が小さくて全部のアルファベットを表示することができないので、キーボードがありません。
そこで、文字入力をするには以下の方法を取ります。

あらかじめいくつかの定型文を作成して選択する
音声で入力

では、実装方法を紹介します。

プロジェクト作成

最新のXcodeのバージョン7ではWatchKitアプリのプロジェクトの作成方法が変わっています。

storyboardで部品を配置

音声入力の画面を立ち上げるボタンと、入力した文字を表示するラベルを配置します。

ボタンはIBActionで「textInput」メソッドを呼び出すように設定します。
ラベルはIBOutletで「textLabel」という変数名でコード側から操作できるようにしておきましょう。

文字入力の画面を呼び出す

音声入力の画面は「presentTextInputControllerWithSuggestions」メソッドで呼び出します。
先ほど作った「textInput」メソッドに下記のように追記してみましょう。

    NSArray* suggestions = @[@"こんにちは",@"ハロー",@"グーテンモルゲン"];

    [self presentTextInputControllerWithSuggestions:suggestions
                                   allowedInputMode:WKTextInputModeAllowEmoji
                                         completion:^(NSArray *results){
                                             if (results && results.count > 0) {
                                                 //入力した文字の取り出し  
                                                 id text = [results objectAtIndex:0];
                                                 //入力した文字列をラベルに表示  
                                                 [_textLabel setText:(NSString*)text];
                                             }
                                         }
     ];

引数

【一個目の引数】
１個目の引数にはNSArrayで定型文を３つ渡しています。
これで３つのボタンが表示され、押したボタンの文字がラベルに表示されます。

【allowedInputMode:】
２番目の引数で、文字入力の画面のモードを選択します。

・WKTextInputModeAllowAnimatedEmoji
アニメーション画像、絵文字、音声入力で文字入力ができます。
絵文字のボタンを押すと、静止画なのでアニメーションする様子がわかりませんが、わかりませんがアニメーション画像を選択する画面が出てきます。
（※アニメーション画像はラベルには表示できないようです）

・WKTextInputModeAllowEmoji
絵文字、音声入力で文字入力ができます。
絵文字のボタンを押すと絵文字を選択する画面が出てきます。

・WKTextInputModePlain
音声入力で文字入力ができます。
マイクボタンを押すと音声入力ができます。

【completion:】
このブロックで入力した文字を受け取り、その後の動作を記述していきます。
今回はここでラベルに表示する文字列を書き換えています。

実行

定型文のボタンを押すと、選択した定型文がラベルに表示されます。

絵文字を選択するすると、ちゃんと絵文字でもラベルに表示されました。

音声入力はシミュレーターでは動作しないので実機で試してみましょう。
音声入力モードの時にApple Watchに向かって恥ずかしがらずに喋りかけましょう。
音声入力した言葉がラベルに表示されます。

このようにApple Watchでは文字の入力が行えます。
たとえば音声操作によりアプリを操作して、iPhone側のカメラアプリを立ち上げたりするなど、遠隔操作っぽいことも可能になります。
使い方次第で面白いことがいろいろできるのではないでしょうか？

次回、僕にブログの担当がまわってくる頃にはwatchOS 2がリリースされていると思いますので、また新機能を紹介できればいいなぁと思っています。

プロジェクト作成

storyboardで部品を配置

文字入力の画面を呼び出す

引数

実行

採用情報