スプリットビュー


スプリットビューは、隣接する複数のコンテンツペインの表示を管理し、各ペインには、表、コレクション、イメージ、カスタムビューなどのさまざまなコンポーネントを含めることができます。



通常、スプリットビューを使用して、情報の階層を介したナビゲーションをサポートします。このシナリオでは、ビューの主なペインで項目を選択すると、項目のコンテンツが二次ペインに表示されます。同様に、スプリットビューは、二次ペインの項目に追加のコンテンツが含まれている場合、三次のペインを表示できます。


スプリットビューを使用して サイドバー インターフェースを作成するのが一般的で、先頭のペインにはアプリの最上位レベルの項目またはコレクションが一覧表示され、二次およびオプションの三次ペインには子コレクションと項目の詳細が表示されます。たとえば、iPadOS の メール では、一次ペインにアカウントとメールボックスが一覧表示され、選択されたメールボックスのメッセージが二次ペインに一覧表示され、選択された電子メールが三次ペインに一覧表示されます。まれに、一次ビューを補足する機能のグループを提供するためにスプリットビューを使用することもあります。たとえば、macOS の Keynote はスプリットビューペインを使用して、メインスライドキャンバスを囲む領域にスライドナビゲータ、プレゼンターノート、およびインスペクタペインを表示します。



ベストプラクティス


コンパクトではなく、通常の環境でスプリットビューを使用することをお勧めします。 スプリットビューには、複数のペインを表示するための水平スペースが必要です。ポートレート向きの iPhone などのコンパクトな環境では、コンテンツを折り返したり切り捨てたりせずに複数のペインを表示することは難しく、読みにくく、操作が難しくなります。


ナビゲーションを有効にするには、詳細ビューにつながる各ペインで現在の選択を永続的に強調表示します。 選択された外観は、さまざまなペイン内のコンテンツ間の関係を明確にし、人々が方向性を保つのに役立ちます。


ペイン間でコンテンツを人々がドラッグアンドドロップできるように検討してください。 スプリットビューは複数レベルの階層へのアクセスを提供するため、人々がアイテムを別のペインにドラッグすることで、コンテンツをあなたのアプリのある部分から別の部分に簡単に移動できます。



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


iOS または iPadOS に関する追加の考慮事項はありません。watchOS ではサポートされていません。



macOS


macOS では、スプリットビューのペインを水平、垂直、またはその両方に配置できます。スプリットビューには、ドラッグしてサイズを変更できるペイン間の仕切りが含まれます。開発者向けガイダンスについては、HSplitViewVSplitView を参照してください。



垂直スプリットビュー


水平スプリットビュー


複数のスプリットビュー

ペインの最小サイズと最大サイズに適切なデフォルトを設定します。 あなたのアプリのスプリットビューで人々がペインのサイズを変更できる場合は、仕切りが見えるようにサイズを保ってください。ペインが小さすぎると、仕切りが見えなくなり、使いにくくなります。


意味がある場合は、人々がペインを非表示にできることを検討してください。 たとえば、あなたのアプリに編集領域が含まれている場合は、気を散らすものを減らしたり、編集のためのスペースを増やしたりするために、他のペインを非表示にできるように検討してください。Keynote では、人々がスライドコンテンツの編集に集中したいときに、ナビゲーターと発表者のノートペインを非表示にできます。


非表示のペインを表示する複数の方法を提供します。 たとえば、人々が非表示のペインを復元するために使用できるツールバーボタンまたはメニューコマンド (キーボードショートカットを含む) を提供する場合があります。


薄い仕切りスタイルが望ましいです。 薄い仕切りの幅は 1 ポイントで、コンテンツ用のスペースを最大限に確保しながら、人々が使いやすくなっています。特別な必要がない限り、より厚い仕切りスタイルの使用は避けてください。たとえば、仕切りの両側に、細い仕切りを区別するのが難しくなる太い線形要素を使用する表の行がある場合、より厚い仕切りを使用するとうまくいきます。開発者向けガイダンスについては、NSSplitView.DividerStyle (NSSplitView.DividerStyle) を参照してください。



tvOS


tvOS では、コンテンツフィルタリングを有効にするためにスプリットビューがうまく機能します。人々が一次ペインでフィルターカテゴリを選択すると、あなたのアプリは結果を二次ペインに表示できます。


ペインのバランスが保たれるスプリットビューレイアウトを選択します。 デフォルトでは、スプリットビューはスクリーン幅の 3 分の 1 を一次ペインに割り当て、3 分の 2 を二次ペインに割り当てますが、半分半分のレイアウトを指定することもできます。


スプリットビューの上に 1 つのタイトルを表示して、人々がコンテンツ全体を理解できるようにします。 人々は、スプリットビューを使用してコンテンツをナビゲートおよびフィルタリングする方法を既に知っています。各ペインの内容を説明するタイトルは必要ありません。


二次ペインに含まれるコンテンツの種類に基づいて、タイトルの配置を選択します。 具体的には、二次ペインにコンテンツコレクションが含まれている場合は、タイトルをウィンドウの中央に配置することを検討してください。対照的に、二次ペインに重要なコンテンツのメインビューが 1 つ含まれている場合は、タイトルを一次ビューの上に配置して、コンテンツに余裕を持たせることを検討してください。



リソース


関連


サイドバー


タブバー


レイアウト



開発者用文書


NavigationSplitView — SwiftUI (NavigationSplitView)   廃止  


UISplitViewController — UIKit (UISplitViewController)


NSSplitViewController — AppKit (NSSplitViewController)





目次
Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

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

    リソース


    ロード中

    ベストプラクティス

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

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

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

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

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

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

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

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

    リソース


    ヘルプの提供

    ベストプラクティス

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

    リソース


    搭載

    ベストプラクティス

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

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

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

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

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

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

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

    リソース


    印刷

    ベストプラクティス

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

    リソース


    格付けとレビュー

    ベストプラクティス

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

    リソース


    検索

    ベストプラクティス

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

    リソース


    設定

    ベストプラクティス

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

    リソース


    取り消しとやり直し

    ベストプラクティス

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

    リソース


    トレーニング/a>

    ベストプラクティス

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

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

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

    iPhone iPad

    macOS tvOS

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

  • タブビュー


    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

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

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

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

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    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 で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ