30 埋込みプラットフォームのUIコントロール

タッチ対応デバイスのサポート

JavaFX SDKには、タッチ対応デバイス用のUIコントロールの追加操作機能としてジェスチャとタッチが導入されています。 ジェスチャはタッチスクリーン・アクションとトラックパッド・アクションの両方に対して生成できますが、タッチはタッチスクリーン・アクションに対してのみ対応しています。 現在のリリースのJavaFX SDKでは、シングルポイント・タッチのみとスワイプ・ジェスチャのみがサポートされています。

JavaFXでのジェスチャおよびタッチ・イベントの処理の詳細は、「イベントの処理」の「タッチ対応デバイスからのイベントの使用」を参照してください。

仮想キーボード

仮想キーボードは、ハードウェア・キーボードがないデバイスでテキストを入力できるようにするコントロールです。 これは、ハードウェア・デバイスと同じように動作しますが、スペースの制約のために数字と記号が1タップ分、離れている点が異なります。 図30-1に、仮想キーボードの例を示します。

図30-1 仮想キーボード

「図30-1 仮想キーボード」の説明

仮想キーボードは、テキスト入力フィールドにフォーカスが合うと自動的に表示されます。 キーボードが表示されている間はキーボードに関連付けられたコントロールが表示されたままであることに注意してください。 親ステージを押し上げる必要はありません。 キーボードが下部領域からせり上がり、親ステージを押し上げることにより、キーボードが関連付けられているコントロールが画面に表示された状態を維持します。

仮想キーボードが表示されたら、適切なキーをタップして文字を入力できます。 この後、キーに関連付けられた文字がコントロールに送信されます。 アルファベット、数値および記号文字を入力できます。 キーボードを切り替えるには、[ABC/!#123]キーと[Shift]キーを使用する必要があります。 使用頻度が低い文字にアクセスするには、図30-2に示すように、適切なキーを長めに押してからポップアップ・メニューからターゲット・キーを選択します。

図30-2 使用頻度が低い文字の入力

「図30-2 使用頻度の低い文字の入力」の説明

表30-1に、タッチ対応デバイスの仮想キーボードで実行可能なナビゲート・アクションをリストします。

アプリケーションのUIインタフェースで電子メール・アドレス、URL、または数値記号のみを入力する必要がある場合、代替キーボード・レイアウトの1つを設定できます。 この設定は、例30-1に示すように、特定のテキスト・コントロールに対して定義されます。

final TextField emailAddress = new TextField("myEmail@example.com");
text.getProperties().put("vkType", "email");

現在、vkTypeプロパティは、numeric、url、emailおよびtextの各値をサポートしています。 最後の値がデフォルトのレイアウトに相当します。

図30-3に、キーボードの電子メール・レイアウトを示します。 文字、数字および代替記号に加えて、このレイアウトには、電子メール・アドレスを素早く入力する上で特に役立つ[@]および[.com] ([.org])キーが用意されています。

図30-3 仮想キーボードの電子メール・レイアウト

「図30-3 仮想キーボードの電子メール・レイアウト」の説明

図30-4に示す仮想キーボードのURLレイアウトには、[Space]キーがありません。 かわりに、「www.」および「http//」を入力する機能が用意されています。

図30-4 仮想キーボードのURLレイアウト

「図30-4 仮想キーボードのURLレイアウト」の説明

一部のUIでは、ユーザーが数字のみを入力することが想定されています。 図30-5に、このタスクを実装する仮想キーボードの簡易数値レイアウトを示します。 このレイアウトには、[Shift]キーや代替記号がありません。

図30-5 仮想キーボードの数値レイアウト

「図30-5 仮想キーボードの数値レイアウト」の説明

スクロール・コントロール

モバイル・タッチ・プラットフォームのスクロール・ペインでは、スクロール・ビュー・コンテンツを対象としたタッチ・ジェスチャの結果としてスクロールが実行されます。 コンテンツの方がスクロール・ペインより大きい場合でも、ユーザーがスクロール・ペインで作業をしていない間はスクロール・バーは表示されません。 スクロール・バーはタッチ・ジェスチャが実行された後に自動的に表示されますが、スクロール用に使用するアクティブなコントロールとしてではなく、コンテンツのサイズと位置を示すインジケータとしてのみ表示されます。 スクロール・バーが表示される場合、図30-6に示すように、表示コンテンツに重なって表示され、デスクトップ・プラットフォームの場合のように別の場所には表示されません。

図30-6 デスクトップ環境と埋込み環境でのスクロール・ペインの外観

「図30-6 デスクトップ環境および埋込み環境でのスクロール・ペインの外観」の説明

スクロール・バーは、コンテンツのスクロールが止まると自動的に消えます。

テキスト入力コントロール

タッチ対応プラットフォームでは、TextArea、TextFieldおよびPasswordFieldは、ユーザーが単一行または複数行テキストを入力できる四角形の領域として実装されます。 テキスト・コントロールの使用方法は、すべてのプラットフォームで共通です。 ただし、埋込み環境の場合、ナビゲーションやテキスト選択を簡素化するためにカレットが使用されます。 仮想キーボードを使用して、文字をテキストコントロールに入力します。

図30-7に、タッチ対応プラットフォームで動作するTextFieldSampleアプリケーションを示します。 カレットは、仮想キーボードを使用して記号を入力する場所を示します。 TextFieldSample.javaのコードを参照してください。

図30-7 TextFieldコントロールの外観

「図30-7 TextFieldコントロールの外観」の説明

仮想キーボードは、テキスト入力フィールドにフォーカスが合うと自動的に表示され、デバイスが回転するとそれに反応します。 仮想キーボードは、TextField、TextArea、PasswordFieldおよび他のUIコントロールの編集状態が有効である場合にユーザーがこれらのコントロールにテキストを入力する必要があるときに表示されます。 キーボードを非表示にするには、[Hide]ボタンをタップするか、コントロールの外側をタップします。

コンテキスト・メニュー

埋込み環境の場合、メニュー項目の水平レイアウトを実現するためにコンテキスト・メニューのデフォルトの外観が変更されています。

コンテキスト・メニューは、ユーザーがタップ・アンド・ホールドすると呼び出されます。 クリップボードに何もない場合、コンテキスト・メニューには「選択」および「すべて選択」メニュー項目が表示されます。 クリップボードに何かある場合、コンテキスト・メニューは図30-8に示すようになります。

図30-8 コンテキスト・メニューの外観

「図30-8 コンテキスト・メニューの外観」の説明

テキスト・コントロール内のテキストを選択すると、図30-9に示すように、「切取り」、「コピー」、「貼付け」および「すべて選択」項目が表示されます。

図30-9 選択を実行した後のコンテキスト・メニューの外観

「図30-9 選択実行後のコンテキスト・メニューの外観」の説明

JavaFX SDKには、タッチ対応プラットフォームの別のスタイル・シートもあります。 embedded-qvga.cssファイルは、QVGA画面がある埋込みデバイスのCSSスタイルを定義します。 これは特に、TextFieldおよびTextAreaコントロールの代替パディングを指定します。