ポップアップボタン
ポップアップボタンには、相互に排他的なオプションのメニューが表示されます。
人々がポップアップボタンのメニューから項目を選択すると、メニューは閉じ、ボタンはその内容を更新して現在の選択内容を示すことができます。
ベストプラクティス
ポップアップボタンを使用して、相互に排他的なオプションまたは状態のフラットリストを表示します。 ポップアップボタンは、人々がコンテンツや周囲のビューに影響を与える選択を行うのに役立ちます。以下の必要がある場合は、代わりに プルダウンボタン を使用します。
便利なデフォルトの選択を提供します。 ポップアップボタンは、そのコンテンツを更新して現在の選択を識別することができますが、人々がまだ選択していない場合は、指定したデフォルトの項目が表示されます。可能であれば、ほとんどの人が欲しがるであろう項目をデフォルトで選択してください。
ポップアップボタンのオプションを、開かずに予測する方法を人々に提供します。 たとえば、紹介ラベルやボタンの効果を説明するボタンラベルを使用して、オプションにコンテキストを与えることができます。
スペースが限られており、常にすべてのオプションを表示する必要がない場合は、ポップアップボタンの使用を検討してください。 ポップアップボタンは、さまざまな選択肢を提示するためのスペース効率の良い方法です。
プラットフォームの考慮事項
以下の部分は更新され、現在は含まれていません。
iOS または iPadOS に関する追加の考慮事項はありません。tvOS または watchOS ではサポートされていません。
macOS
カスタマイズオプションを提示する必要がある場合は、ポップアップボタンのメニューの下部にある区切り記号の下に配置します。 たとえば、[印刷] ビューでは、[プリンター] ポップアップボタンのメニューに、プリンターを追加してプリンター設定を構成するためのオプションが含まれています。人々がメニューに新しい項目を追加できる場合は、新しい項目を現在の選択として表示します。
ここまでの部分が含まれていません。
iOS または macOS に関する追加の考慮事項はありません。tvOS または watchOS ではサポートされていません。
iPadOS
ポップオーバービューまたはモーダルビュー内では、開示インジケーターの代わりにポップアップボタンを使用して、リスト項目の複数のオプションを提示することを検討してください。 たとえば、人々は詳細ビューに移動しなくても、ポップアップボタンのメニューからオプションをすばやく選択できます。メニューで適切に機能する、かなり小さく明確に定義されたオプションのセットがある場合は、このシナリオでポップアップ ボタンを使用することを検討してください。
リソース
関連
開発者用文書
MenuPickerStyle — SwiftUI (MenuPickerStyle)
changesSelectionAsPrimaryAction — UIKit
NSPopUpButton — AppKit (NSPopUpButton)
ビデオ
UIKit ボタンシステム
との出会い
WWDC21
変更記録
| 2022 年 9月 14日 | iPadOS のポップオーバービューまたはモーダルビューでのポップアップボタンの使用に関するガイドラインを追加しました。 |