視覚的インデックス
ほとんどの macOS アプリは、一般的なインターフェイス要素を定義するプログラミングフレームワークである AppKit (AppKit) のコンポーネントを使用してビルドされています。このフレームワークにより、アプリはシステム全体で一貫した外観を実現すると同時に、高度なカスタマイズを提供しています。以下の AppKit 要素は柔軟性があり、使い慣れており、システムによって外観が変更されると自動的に更新されます。
MacOS のインターフェースを定義することに加えて、AppKit はあなたのアプリが採用できる機能を定義します。たとえば、このフレームワークを通じて、あなたのアプリはトラックパッドでのジェスチャーに応答し、描画、アクセシビリティ、印刷などの機能を有効にできます。macOS は、GameKit、Metal、SceneKit、SpriteKit などの他のプログラミングフレームワークやテクノロジーとも緊密に統合されており、驚くほど強力なアプリをデザインできます。
ウィンドウとビュー
ウィンドウは 1 つ以上のビューで構成され、テキスト、グラフィック、アニメーション、及びインタラクティブな要素など、スクリーン上に人々が見られるコンテンツが含まれます。
アラート。 モーダルメッセージ、エラー、または警告を表示します。
ボックス。 コントロール、テキストフィールド、およびその他のインターフェイス要素の明確で論理的なグループを形成します。
コラムビュー。 一連の垂直の列を使用してデータ階層をナビゲートできるようにします。
イメージビュー。
透明または不透明な背景の上に単一のイメージまたは一連のアニメーションを表示します。
アウトラインビュー
列と行に編成されたセルのスクロールリストに階層データを表示します。
パネル(HUD スタイル)。
非常に視覚的または没入型のアプリ内で、アクティブなドキュメントまたは選択に関連するコントロール、オプション、または情報を表示します。
パネル (標準)。
アクティブなドキュメントまたは選択に関連するコントロール、オプション、または情報を表示します。
ポップオーバー。
コントロールまたはビューをクリックすると、スクリーン上の他のコンテンツの上にコントロール、オプション、または情報が表示されます。
スクロールビュー。
水平方向および垂直方向にスクロールすることにより、表示領域よりも大きいコンテンツを閲覧できるようにします。
シート。 ウィンドウに接続されているモーダルダイアログ内にコントロール、オプション、または情報を表示します。
サイドバー。
ウィンドウの片側に表示されます。ウィンドウの主要部分で操作する項目のナビゲーションと選択を有効にします。
スプリットビュー。
2 つ以上のコンテンツのペインの表示を管理します。
タブビュー。
同じ領域内に相互に排他的な複数のコンテンツペインを表示します。
表のビュー。
列と行に編成されたセルのスクロールリストにデータを表示します。
ツールバー。
アプリのウィンドウ内で頻繁に使用されるコマンドや機能へのすばやいアクセスを提供します。
Web ビュー。
埋め込まれた HTML や Web サイトなどのリッチな Web コンテンツをロードして表示します。
ウインドウ。
アプリ内のコンテンツの表示と操作を可能にするフレーム領域とボディ領域で構成されます。
メニュー
メニューには、コマンド、属性、状態などの選択肢のリストが表示されます。
コンテクストメニュー。
項目を Control + クリックすると表示されます。現在のコンテキストに関連して頻繁に使用されるコマンドへのアクセスを提供します。
ドックメニュー。
あなたのアプリの Dock アイコンを Contro + クリックすると表示されます。便利なコマンドへのシステム全体のアクセスを提供します。
メニューバーのメニュー。
あなたのアプリが最も前面にあるときに、メニューバーからアプリ固有のコマンドへのアクセスを提供します。
ボタン
ボタンはアクションを開始するか、人々が選択をできるようにします。
アクションボタン。
通常、ツールバー内またはテーブルの下にあります。アプリ全体またはテーブル固有のコマンドを公開します。コンテキストメニューに似ています。
チェックボックス。
2 つの対立する状態、アクション、または値から選択を提供します。
開示ボタン。
[保存] ダイアログ内の [名前を付けて保存] テキストフィールドなど、特定のコントロールに関連した機能を表示および非表示にします。
開示三角。
ビューまたは開示可能な項目のリストに関連した情報または機能を表示および非表示にします。
勾配ボタン。
テーブル行の追加や削除など、特定のビューに関連する即時アクションを開始します。
ヘルプボタン。
システムが提供するヘルプビューアでアプリ固有のヘルプドキュメントを開きます。
イメージボタン。
イメージまたはアイコンを含み、アプリに固有のアクションを瞬時に開始します。
ポップアップボタン。
相互に排他的な選択肢のリストを含むメニューを表示します。
プルダウンメボタン。
コマンドのリストを表示するか、1 つ以上の状態を選択できるようにします。
押しボタン。
タイトルが含まれ、アプリ固有のアクションを瞬時に開始します。
ラジオボタン。
2 つ以上の相互に排他的だが関連する選択肢のセットを提示します。
スコープボタン。
ビュー内の、検索結果などのコンテンツの範囲を制限します。
フィールドとラベル
フィールドとラベルには、静的なまたは編集可能な情報が表示されます。
コンボボックス。
1 つのコントロール内でテキストフィールドとプルダウンボタンを組み合わせます。
ラベル。
スクリーン上のインターフェース要素について説明するか、短いメッセージを提供します。
検索フィールド。
値の大規模なコレクション内でテキストベースの検索を開始します。
テキストフィールド。
ユーザが 1 行以上のテキストを入力および編集できるようにします。
トークンフィールド。
ユーザがトークン、つまり簡単に選択および操作できるテキストのブロックを入力および編集できるようにします。
セレクタ
セレクターを使用すると、色、日付、ファイルなどの特定の値を人々が選択できます。
色の源。
システムのカラーパネルを使用して色を選択できるようにします。
日付の選別。
日付、時刻、日付と時刻、または日付の範囲をテキストまたはグラフィックで選択できるようにします。
イメージウェル。
イメージビューの編集可能なバージョン。ドラッグアンドドロップ、削除、コピー、およびペーストをサポートします。
パスコントロール。
選択したファイルまたはフォルダのファイルシステムパスを表示します。
セグメントコントロール。
ボタンまたはトグルとして機能し、オブジェクト、状態、またはビューに影響を与える 2 つ以上のセグメントの水平方向のセット。
スライダ。
水平トラック、垂直トラック、または円形ダイヤル。値の範囲内で、きめ細かい選択を可能にします。
ステッパ。
数値、日付、または時刻の値を段階的に増減します。
インジケータ
インジケータは、レベルまたは状態情報をグラフィカルに伝えます。
容量インジケータ (連続)。
有限の容量に関連する現在のレベルを説明するために塗りつぶすトラック。
容量インジケータ (不連続)。
有限の容量に関連する現在のレベルを示すために塗りつぶされる長方形のセグメント。
プログレスバー。
既知の期間のタスクの進行状況を示すために塗りつぶされるバー。
プログレスサークル。
既知の期間のタスクの進行状況を示すために塗りつぶされる円。
プログレススピナー。
複雑なデータのロードや同期など、定量化できないタスクとしてアニメーション化が実行されます。
評価インジケータ。
水平方向に配置された一連のグラフィックシンボルを使用して、ランキングレベルを伝達します
関連インジケータ。 一連の垂直バーを使用して関連性を伝達します。
タッチバーのコントロールとビュー
これらのインターフェース要素により、あなたのアプリは macOS のタッチバーでコンテンツを表示し、ユーザの操作に応答できるようになります。
ボタン。
タップするとアプリ固有のアクションを開始します。またトグルとしても動作します。
候補リスト。
テキスト入力中に自動補助の提案を提供します。
キャラクタピッカー。
絵文字などの特殊文字のリストを含むポップオーバーを開きます。
カラーピッカー。
色を選択するためのコントロールを含むポップオーバーを開きます。
ポップオーバー
ボタンとして表示されます。タップされると、一時的なコントロールのセットを含むモーダルオーバーレイが表示されます。
スクラバー (固定)。
左右にスワイプすると、Safari タブを開くなど、配置されたコンテンツのセットをスムーズにナビゲートできるようになります。
スクラバー (自由)。
左右にスワイプすると、カレンダーの日付のリストのように、自由にスクロールできるリスト内のコンテンツをナビゲートできます。
セグメントコントロール。
ボタンまたはトグルとして機能し、オブジェクト、状態、またはビューに影響を与える 2 つ以上のセグメントの水平方向のセット。
共有サービスピッカー。
アプリ、ソーシャルメディアアカウント、およびその他のサービスとコンテンツを共有するためのボタンを含むポップオーバーを表示します。
スライダ。
水平トラック、垂直トラック、または円形ダイヤルです。値の範囲内できめ細かい選択を可能にします。
