このページは Cloud Translation API によって翻訳されました。

選択ツール

Picker は、特定のデータを選択して設定する際に役立ちます。

選択ツール

選択ツールは、ユーザーが有限数のアイテムから選択できるようにするために使用します。

デフォルトでは、アイテムは両方向に無限にループします。リスト内の順序が重要な場合や、ユーザーがクイックスワイプで最初と最後の要素に到達できるようにするには、この動作を無効にすることを検討します。

構造

A. 無効な列
B. コロンブレーカー
C. 選択ツールの列
D. 上位のコンテンツ
E. 中間コンテンツ
F. 下部のコンテンツ

幅と高さ

選択ツールグループが使用可能な高さと幅を埋めます。選択ツール列には 4 つのレイアウトオプションがあります。各レイアウトは中央に配置され、利用可能な高さ全体に表示されます。列の幅は、フォントに必要な桁数に対応するために必要な幅によって定義されます。日付選択ツールは例外です。日付選択ツールは例外で、画面全体に表示され、端からはみ出します。

たとえば、数値は「00」の幅を指定してから、幅を設定します。テキストフィールドの場合、たとえば月フィールドの場合は、「MMM」（ラテンアルファベットの最も広い文字）の幅になります。したがって、幅と高さ（使用されているその書体の行の高さ）は、使用されるフォントの影響を受けます。

選択ツールのアイテムは、ブレークポイント全体でサイズが異なります。

Usage

日時選択ツールの次の例をご覧ください。

事前に構築された日時選択ツールの実装については、GitHub の Horologist Library をご確認ください。

ユーザーが複数の選択ツールにわたってマルチパート値を選択する、同様のエクスペリエンスを作りたい場合は、組み込みの PickerGroup コンポーネントを使用します。このオブジェクトは、フォーカスコーディネーターオブジェクトを使用して、適切な Picker 要素にフォーカスを割り当てます。