ピッカー


ピッカーは、人々が選択できる個別の値の 1 つ以上のスクロール可能なリストを表示します。



システムにはいくつかのスタイルのピッカーが用意されており、それぞれが異なる型の選択可能な値を提供でき、異なる外観を持っています。ピッカーに表示される正確な値とその順序は、デバイスの言語によって異なります。


ピッカーは、人々が単一または複数の値を選択できるようにすることで、情報を入力するのに役立ちます。日付ピッカーは特に、カレンダービューで日付を選択したり、数字キーパッドを使用して日付と時刻を入力したりするなど、値を選択するための追加の方法を提供します。



ベストプラクティス


ピッカーを使用して、中程度から長い項目のリストを提供することを検討してください。 かなり短い選択肢のリストを表示する必要がある場合は、ピッカーの代わりに プルダウンボタン を使用することを検討してください。ピッカーを使用すると、多くの項目をすばやく簡単にスクロールできますが、項目の短いリストに視覚的な重みが加わりすぎます。一方、大量の項目を提示する必要がある場合は、リストや表 の使用を検討してください。リストと表は高さを調整でき、表には索引を含められるため、リストのセクションをターゲットにするのがはるかに高速になります。


予測可能で論理的に順序付けられた値を使用してください。 ピッカー内の多くの値は、人々が操作する前に非表示になっている場合があります。国をアルファベット順に並べたリストなどを使用して、非表示になった値を人々が予測できる場合に最適です。これにより、アイテム間をすばやく移動できます。


スクリーンを切り替えてピッカーを表示することは避けてください。 ピッカーは、コンテキスト内や、編集中のフィールドの下または近くに表示されるとうまく機能します。通常、ピッカーはスクリーンの下部またはポップオーバー内に表示されます。


日付ピッカーで分を指定するときは、分解能を下げることを検討してください。 デフォルトでは、分のリストには 60 個の値 (0 ~ 59) が含まれます。オプションで、60 に均等に分割される限り、分の間隔を増やすことができます。たとえば、15 分の間隔 (0、15、30、および 45) が必要です。



プラットフォームの考慮事項


iOS、iPadOS


日付ピッカーは、タッチ、キーボード、またはポインティングデバイスを使用して、特定の日付、時刻、またはその両方を選択するための効率的なインターフェイスです。以下のいずれかのスタイルで日付ピッカーを表示できます。


  • コンパクト — 編集可能な日付と時刻のコンテンツをモーダルビューで表示するボタン。

  • インライン — 時間のみの、値のホイールを表示するボタン。日付と時刻では、インラインカレンダービュー。

  • ホイール — 組み込みまたは外部キーボードによるデータ入力もサポートする一連のスクロールするホイール。

  • 自動 — 現在のプラットフォームと日付ピッカーモードに基づいてシステムが決定するスタイル。

  • 日付ピッカーには 4 つのモードがあり、それぞれに異なる選択可能な値のセットが表示されます。


  • 日付 — 月、日、年を表示します。

  • 時刻 — 時間、分、および (オプションで) AM/PM の指定を表示します。

  • 日付と時刻 — 日付、時間、分、および (オプションで) AM/PM の指定を表示します。

  • カウントダウンタイマー — 時間と分を最大 23 時間 59 分まで表示します。このモードは、インラインスタイルまたはコンパクトスタイルでは使用できません。

  • 日付ピッカーに表示される正確な値とその順序は、デバイスの場所によって異なります。


    スタイルとモードのさまざまな組み合わせを示す日付ピッカーの例をいくつか示します。


    コンパクトインラインホイール


    コンパクト



    スケジュール化されたサマリー設定は、時間モードではコンパクトな日付ピッカーを使用します。



    人々が日付ピッカーをタップすると、モーダルビュー内に時間値が現れます。



    スペースが限られている場合は、コンパクトな日付ピッカーを使用してください。 コンパクトスタイルでは、あなたのアプリのアクセントカラーで現在値を示すボタンが表示されます。人々がボタンをタップすると、日付ピッカーがモーダルビューを開き、使い慣れたカレンダースタイルのエディターと時間ピッカーにアクセスできます。モーダルビュー内では、ビューの外をタップして選択を確認する前に、人々は日付と時刻を複数回編集できます。



    macOS


    あなたのアプリに適した日付ピッカースタイルを選択します。 macOS の日付ピッカーには、テキスト形式とグラフィック形式の 2 つのスタイルがあります。テキストスタイルは、限られたスペースで作業していて、人々が特定の日時を選択する必要がある場合に便利です。グラフィックスタイルは、カレンダーの日を参照したり、日付の範囲を選択したりするオプションを人々に提供したい場合や、時計の文字盤の外観があなたのアプリに適している場合に便利です。


    開発者向けガイダンスについては、NSDatePicker (NSDatePicker) を参照してください。



    tvOS


    ピッカーは、SwiftUI を使用して tvOS で使用できます。開発者向けのガイダンスについては、Picker (Picker) を参照してください。



    watchOS


    ピッカーは、人々が Digital Crown を使用してナビゲートするアイテムのリストを表示します。これにより、選択を管理するための正確で魅力的な方法が可能になります。


    ピッカーは、以下のスタイルでアイテムを提示します。



    リストピッカー。 スクロールリストにテキストとイメージを表示します。選択した項目に加えて、リストピッカーは、利用可能な場合に前の項目と次の項目を表示します。


    スタックピッカー。 カードスタックインターフェイスにイメージを表示します。人々がスクロールすると、イメージがアニメーション表示され、選択したイメージが一番上に表示されます。


    シーケンスピッカー。 一連のイメージから 1 つのイメージを表示します。人々が Digital Crown を回すと、ピッカーはアニメーションなしで一連の前または次のイメージを表示します。


    アウトライン、キャプション、およびスクロールインジケータを表示するようにピッカーを構成できます。これらの要素は、スクリーン上のピッカーを識別し、人々がそのコンテンツをナビゲートするのに役立ちます。


    キャプションを使用して、アイテムまたはピッカー自体の意味を明確にします。 その意味を明確にするのに役立つ場合は、アイテムに固有のキャプションを割り当てられます。または、すべてのアイテムに同じキャプションを割り当てて、ピッカー自体の目的を明確にすることもできます。


    アイテムの総数が明らかでない場合は、スクロールインジケータを表示します。 スクロールインジケータは、ピッカー内のアイテムの総数を反映し、リスト内の現在の位置を示します。タイマーの秒数を指定する場合など、アイテムの順序と数が明らかな場合、スクロールインジケータは不要です。




    リソース


    関連


    プルダウンボタン


    リストと表



    開発者用文書


    Picker — SwiftUI (Picker)


    WKInterfacePicker — WatchKit (WKInterfacePicker)


    UIDatePicker — UIKit (UIDatePicker)


    UIPickerView — UIKit (UIPickerView)


    NSDatePicker — AppKit (NSDatePicker)





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    サポートされる
    プラットフォーム

    iPhone iPad

    macOS tvOS

    watchOS

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    Apple Pencil と落書き

    ベストプラクティス

    落書きのサポート

    カスタムの描画

    プラットフォームの考慮事項

    リソース


    デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

    プラットフォームの考慮事項

    リソース


    ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

    プラットフォームの考慮事項

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

    プラットフォームの考慮事項

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

    プラットフォームの考慮事項

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

    インターフェイスアイコン

    コントロールとビュー

    プラットフォームの考慮事項

    リソース


    タッチスクリーンジェスチャ

    ベストプラクティス

    標準的なジェスチャ

    プラットフォームの考慮事項

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用


    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

    自動更新可能なサブスクリプト


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ