Pickers
https://developer.apple.com/design/human-interface-guidelines/ios/controls/pickers/
Pickers
ピッカー
A picker includes one or more scrollable lists of distinct values, each of which has a single selected value—appearing in darker text in the center of the view. A picker is often displayed at the bottom of the screen or in a popover when the user is editing a field or tapping a menu. Pickers can also appear inline, such as while editing a date in a Calendar event. The height of a picker is roughly the height of five rows of list values. The width of a picker is either the width of the screen or its enclosing view, depending on the device and context.
ピッカーは、1つまたは複数のスクロール可能な個別値のリストを含み、それぞれの値は1つの選択値を持ち、選択値はビューの中央の濃いテキストに表示されます。 ピッカーは、ユーザーがフィールドを編集したりメニューをタップしているときに、画面の下部またはポップオーバーに表示されることがよくあります。 ピッカーは、カレンダーイベントで日付を編集しているときなど、インラインで表示することもできます。 ピッカーの高さは、おおよそ5列のリスト値の高さです。 ピッカーの幅は、デバイスとコンテキストに応じて、画面の幅またはその囲むビューのいずれかになります。
Use predictable and logically ordered values. Many values in a picker may be hidden when the scrollable lists are stationary. It's best when people can predict what these values are, such as with a list of alphabetized countries, so they can move through the lists quickly.
予測可能な値と論理的に順序付けられた値を使用します。 スクロールリストが止まった状態では、ピッカー内の多くの値が非表示になっている(見切れている)かもしれません。 アルファベット順の国のリストなど、人々がこれらの値が何であるかを予測することができれば、リストをすばやく移動できます。
Avoid switching screens to show a picker. A picker works well when displayed in context, below or in close proximity to the field being edited.
ピッカーを表示する際に画面を切り替える(遷移する?)ことは避けてください。 ピッカーは、編集中のフィールドの下、または近くにコンテキストで表示されたときにうまく機能します。
Use a table instead of a picker for large value lists. Long lists can be tedious to navigate in a picker. A table has adjustable height and can include an index, making scrolling much faster.
大きな値リストの場合は、ピッカーの代わりにテーブルを使用します。 長いリストは、ピッカーでナビゲートするのが面倒なことがあります。 テーブルの高さは調整可能でインデックスを含むことができ、スクロールをはるかに高速化できます。
For developer guidance, see UIPickerView.
Date Pickers
日付ピッカー
A date picker is an efficient interface for selecting a specific date, time, or both. It also provides an interface for displaying a countdown timer.
日付選択ツールは、特定の日付、時間、またはその両方を選択するための効率的なインターフェイスです。 また、カウントダウンタイマーを表示するためのインターフェースを提供します。
A date picker has four modes, each of which presents a different set of selectable values.
日付ピッカーには4つのモードがあり、それぞれが選択可能な値の異なるセットを表します。
- Date. Displays months, days of the month, and years.
日付。 月、日、および年を表示します。 - Time. Displays hours, minutes, and (optionally) an AM/PM designation.
時間。 時間、分、およびAM / PM指定を表示します(オプション)。 - Date and time. Displays dates, hours, minutes, and (optionally) an AM/PM designation.
日時。 日付、時間、分、およびAM / PM指定を表示します(オプション)。 - Countdown timer. Displays hours and minutes, up to a maximum of 23 hours and 59 minutes.
カウントダウンタイマー。 最大23時間59分までの時間と分を表示します。
The exact values shown in a date picker and their order depend upon the user’s locale.
日付ピッカーに表示される実際の値とその順序は、ユーザーのロケールによって異なります。
Consider providing less granularity when specifying minutes. By default, a minute list includes 60 values (0 to 59). You can optionally increase the minute interval as long as it divides evenly into 60. For example, you might want quarter-hour intervals (0, 15, 30, and 45).
分を指定する際の粒度を小さくすることを検討してください。 デフォルトでは、分のリストには60個の値(0〜59)が含まれます。 必要に応じて、分間隔が60に均等に分かれさえすれば、分間隔を長くすることができます。たとえば、15分間隔(0,15,30,45)での設定などが行えます。
For developer guidance, see UIDatePicker.