スプリットビュー
スプリットビューは、隣接する複数のコンテンツペインの表示を管理し、各ペインには、表、コレクション、イメージ、カスタムビューなどのさまざまなコンポーネントを含めることができます。
通常、スプリットビューを使用して、情報の階層を介したナビゲーションをサポートします。このシナリオでは、ビューの主なペインで項目を選択すると、項目のコンテンツが二次ペインに表示されます。同様に、スプリットビューは、二次ペインの項目に追加のコンテンツが含まれている場合、三次のペインを表示できます。
スプリットビューを使用して サイドバー インターフェースを作成するのが一般的で、先頭のペインにはアプリの最上位レベルの項目またはコレクションが一覧表示され、二次およびオプションの三次ペインには子コレクションと項目の詳細が表示されます。たとえば、iPadOS の メール では、一次ペインにアカウントとメールボックスが一覧表示され、選択されたメールボックスのメッセージが二次ペインに一覧表示され、選択された電子メールが三次ペインに一覧表示されます。まれに、一次ビューを補足する機能のグループを提供するためにスプリットビューを使用することもあります。たとえば、macOS の Keynote はスプリットビューペインを使用して、メインスライドキャンバスを囲む領域にスライドナビゲータ、プレゼンターノート、およびインスペクタペインを表示します。
ベストプラクティス
コンパクトではなく、通常の環境でスプリットビューを使用することをお勧めします。 スプリットビューには、複数のペインを表示するための水平スペースが必要です。ポートレート向きの iPhone などのコンパクトな環境では、コンテンツを折り返したり切り捨てたりせずに複数のペインを表示することは難しく、読みにくく、操作が難しくなります。
ナビゲーションを有効にするには、詳細ビューにつながる各ペインで現在の選択を永続的に強調表示します。 選択された外観は、さまざまなペイン内のコンテンツ間の関係を明確にし、人々が方向性を保つのに役立ちます。
ペイン間でコンテンツを人々がドラッグアンドドロップできるように検討してください。 スプリットビューは複数レベルの階層へのアクセスを提供するため、人々がアイテムを別のペインにドラッグすることで、コンテンツをあなたのアプリのある部分から別の部分に簡単に移動できます。
プラットフォームの考慮事項
iOS または iPadOS に関する追加の考慮事項はありません。watchOS ではサポートされていません。
macOS
macOS では、スプリットビューのペインを水平、垂直、またはその両方に配置できます。スプリットビューには、ドラッグしてサイズを変更できるペイン間の仕切りが含まれます。開発者向けガイダンスについては、HSplitView と VSplitView を参照してください。
垂直スプリットビュー
水平スプリットビュー
複数のスプリットビュー
ペインの最小サイズと最大サイズに適切なデフォルトを設定します。 あなたのアプリのスプリットビューで人々がペインのサイズを変更できる場合は、仕切りが見えるようにサイズを保ってください。ペインが小さすぎると、仕切りが見えなくなり、使いにくくなります。
意味がある場合は、人々がペインを非表示にできることを検討してください。 たとえば、あなたのアプリに編集領域が含まれている場合は、気を散らすものを減らしたり、編集のためのスペースを増やしたりするために、他のペインを非表示にできるように検討してください。Keynote では、人々がスライドコンテンツの編集に集中したいときに、ナビゲーターと発表者のノートペインを非表示にできます。
非表示のペインを表示する複数の方法を提供します。 たとえば、人々が非表示のペインを復元するために使用できるツールバーボタンまたはメニューコマンド (キーボードショートカットを含む) を提供する場合があります。
薄い仕切りスタイルが望ましいです。 薄い仕切りの幅は 1 ポイントで、コンテンツ用のスペースを最大限に確保しながら、人々が使いやすくなっています。特別な必要がない限り、より厚い仕切りスタイルの使用は避けてください。たとえば、仕切りの両側に、細い仕切りを区別するのが難しくなる太い線形要素を使用する表の行がある場合、より厚い仕切りを使用するとうまくいきます。開発者向けガイダンスについては、NSSplitView.DividerStyle (NSSplitView.DividerStyle) を参照してください。
tvOS
tvOS では、コンテンツフィルタリングを有効にするためにスプリットビューがうまく機能します。人々が一次ペインでフィルターカテゴリを選択すると、あなたのアプリは結果を二次ペインに表示できます。
ペインのバランスが保たれるスプリットビューレイアウトを選択します。 デフォルトでは、スプリットビューはスクリーン幅の 3 分の 1 を一次ペインに割り当て、3 分の 2 を二次ペインに割り当てますが、半分半分のレイアウトを指定することもできます。
スプリットビューの上に 1 つのタイトルを表示して、人々がコンテンツ全体を理解できるようにします。 人々は、スプリットビューを使用してコンテンツをナビゲートおよびフィルタリングする方法を既に知っています。各ペインの内容を説明するタイトルは必要ありません。
二次ペインに含まれるコンテンツの種類に基づいて、タイトルの配置を選択します。 具体的には、二次ペインにコンテンツコレクションが含まれている場合は、タイトルをウィンドウの中央に配置することを検討してください。対照的に、二次ペインに重要なコンテンツのメインビューが 1 つ含まれている場合は、タイトルを一次ビューの上に配置して、コンテンツに余裕を持たせることを検討してください。
リソース
関連
開発者用文書
NavigationSplitView — SwiftUI (NavigationSplitView) 廃止
UISplitViewController — UIKit (UISplitViewController)
NSSplitViewController — AppKit (NSSplitViewController)