スクロールビュー


スクロールビューを使用すると、文書内のテキストやイメージのコレクションなど、ビューの表示領域よりも大きいコンテンツを水平方向および垂直方向にスクロールして閲覧できます。スクロールビュー自体には外観はありませんが、水平および垂直の スクロールバー を表示できます。各バーは、ノブ と呼ばれるドラッグ可能なコントロールを含む トラック で構成されています。ノブの高さは、スクロール可能なコンテンツの量を反映しています。たとえば、小さなノブは、スクロールできるコンテンツがたくさんあることを示します。


スクロールビューは、いくつかのスクロール方法をサポートしています。


スクロール方法説明
連続スクロールコンテンツは、ユーザがトラックパッドを 2 本指でスワイプしたり、マウスの表面を 1 本指でスワイプしたり、ノブをクリックしてドラッグしたりするとスクロールします。
行毎のスクロールユーザが矢印キーを押すと、コンテンツは一度に 1 行ずつスクロールします。
ページ毎のスクロールユーザが Option キーを押しながら矢印キーを押すと、コンテンツは一度に 1 ページずつスクロールします。


連続スクロール行毎のスクロールページ毎のスクロール




レイアウト内のスクロールバーを考慮してください。 デフォルトでは、スクロールバーは一時的なものであり、ユーザの操作中にのみ表示されます。ただし、一般環境設定で設定を変更することにより、ユーザはいつでもそれらを有効にすることができます。一部の入力デバイスでは、スクロールバーが常に表示されます。必要に応じて、ウィンドウのレイアウトを調整して、ビューのコンテンツ領域に伸びるスクロールバーの下に重要なインターフェイス要素が表示されないようにします。スクロールバートラックの太さは 15 ポイント (レギュラーサイズ) または 11 ポイント (スモールまたはミニサイズ) です。


ユーザのスクロールバーの設定を尊重します。 スクロールバーを表示するかどうかをユーザが決定できるようにします。コントロールをスクロールバーとインラインで配置することは避けてください。このようにコントロールを使用すると、一時的に設定されている場合でもスクロールバーが表示されます。


デフォルトのスクロールジェスチャまたはキーボードショートカットを上書きしないでください。 ユーザは、システム全体のスクロール動作に慣れています。


ウィンドウのコンテンツがいつスクロール可能かを人々が発見できるように検討してください。 スクロールバーは常に表示されるとは限らないため、コンテンツがビューを超えている場合にそれを明確にすることが役立ちます。ビューの下端に部分的なコンテンツを表示することは、もっと見るべきものがあることを示すための優れた方法です。ただし、このようなコンテンツの覗き見は必須だとは思わないでください。スクロールは直感的で非破壊的なアクションであり、ユーザはそれを実験してもかまいません。テキストでいっぱいのウィンドウに直面したとき、大多数は本能的にスクロールして、より多くのコンテンツが利用可能かどうかを確認しようとします。


ノブの色をあなたのインターフェースに合わせます。 ノブは、ダークな外観または明るい外観のいずれかを採用できます。ダークなノブ (明るい背景の上で使用する) がデフォルトです。


スクロールビューを別のスクロールビューの内側に配置しないでください。 入れ子にされたスクロールバーは、制御が難しい予測不可能なインターフェイスを作成します。


一時的なスクロールバーが表示されている場合は、ウィンドウのコンテンツを移動しないでください。 一時的なスクロールバーは半透明であるため、ユーザはその下にウィンドウのコンテンツを表示できます。スクロールバーが表示されるたびにコンテンツを絶えずシフトすると、方向感覚が失われる可能性があります。


ページ毎のスクロールを実行するときは、適切な量をスクロールします。 通常、ページ は、ビューの現在の高さまたは幅から、コンテキストを維持するために少なくとも 1 単位のオーバーラップを差し引いたものと見なされます。オーバーラップの単位は、表示されるコンテンツにとって意味のあるものになるように定義して下さい。たとえば、1 つの単位がテキストの 1 行、アイコンの 1 行、または画像の一部に等しい場合があります。Option を押しながら矢印キーを押し続けると、文書の最後に到達するまでページ毎にスクロールし続けます。


スクロールバーのトラックがクリックされたら、適切な量をスクロールします。 スクロールバートラック内をクリックすると、ユーザの環境設定に応じて、次のページまたは現在の挿入ポイントにジャンプします。スクロールバートラック内を継続的にクリックすると、ノブがポインタの位置に到達するまで継続的にスクロールします。


必要に応じて自動的にスクロールします。 ユーザはほとんどの場合スクロールを開始する必要がありますが、特定の状況ではあなたのアプリが自動スクロールを実行する必要があります。


  • あなたのアプリが操作を実行して、新しい選択を行ったり、挿入ポイントを移動したりする場合。たとえば、ユーザがテキストを検索してあなたのアプリがそれを見つけたら、スクロールして新しい選択を表示します。

  • ユーザが現在表示されていない場所に情報を入力したとき。たとえば、挿入ポイントが 1 つのページにあり、ユーザが別のページに移動した場合は、挿入ポイントにスクロールして戻ります。

  • ユーザが選択中にポインタをビューの端を超えて移動した場合は、ポインタが移動する方向にスクロールしてポインタを追いかけます。

  • ユーザが何かを選択し、新しい場所にスクロールしてから、選択範囲に対して操作を実行しようとすると、操作を実行する前に選択範囲にスクロールして戻ります。

  • すべての場合において、自動スクロールは必要なだけ文書を移動します。自動スクロールを最小限に抑えると、人々はコンテキストを保持できます。たとえば、操作の実行後に選択範囲の一部が表示される場合、スクロールは必要ありません。


    可能であれば、自動的にスクロールするときに、コンテキストで選択範囲を表示します。 ウィンドウ全体に選択したコンテンツのみが表示される場合、ユーザがコンテンツ全体での選択の位置を思い出すのが難しい場合があります。


    スクロールバーをスライダーとして決して使用しないでください。 スクロールバーは、ビュー内のコンテンツを再配置します。スライダーを使用すると、ユーザは値の範囲内できめ細かい選択を行うことができます。スライダー を参照してください。


    必要に応じて、パネルでは小さな、またはミニのスクロールバーを使用することを検討してください。 スペースが狭い場合は、他のウィンドウと共存する必要があるパネルで小さいスクロールバーを使用してもかまいません。ウィンドウが小さいかまたはミニのスクロールバーを使用している場合、そのウィンドウのコンテンツ領域にある他のすべてのコントロールも、小さいバージョンであるべきことに注意してください。


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







    前:ポップオーバー 次:シート

    目次

    Xcode の新機能



    macOS

    テーマ

    macOS 11 の新規事項

    視覚的インデックス


    アプリの構造

    フルスクリーンモード

    ロード

    モダリティ

    搭載

    優先

    状態の復元

    セキュリティ


    ユーザの操作

    アカウント

    データ入力

    ドラッグアンドドロップ

    ファイル処理

    ゲームコントローラ

    ヘルプ

    キーボード

    マウスとトラックパッド

    ユーザフィードバックの提供

    許可の要求


    システムの能力

    自動セーブ

    ドック

    Finder

    ミッションコントロール

    通知

    印刷

    クイックルック

    格付けとレビュー

    検索とスポットライト


    視覚的デザイン

    アニメーション

    カラー

    ダークモード

    透明さ

    印刷


    アイコンとイメージ

    イメージのサイズと解像度

    アプリのアイコン

    文書のアイコン

    多項目のドラッグイメージ

    システムのイメージ


    ウインドウとビュー

    ウインドウの構造

    アラート

    ボックス

    コラムビュー

    ダイアログ

    イメージビュー

    アウトラインビュー

    パネル

    ポップオーバー

    スクロールビュー

    シート

    サイドバー

    スプリットビュー

    タブビュー

    表のビュー

    ツールバー

    Web ビュー

    Drawer(引き出し)*

    プラカード*


    メニュー

    メニューの構造

    コンテクストメニュー

    ドックメニュー

    メニューバーのメニュー


    ボタン

    チェックボックス

    開示コントロール

    勾配ボタン

    ヘルプボタン

    イメージボタン

    ポップアップボタン

    プルダウンメボタン

    押しボタン

    ラジオボタン

    スコープボタン

    スイッチ

    ベベルボタン*

    ラウンドボタン*


    フィールドとラベル

    コンボボックス

    ラベル

    検索フィールド

    テキストフィールド

    トークンフィールド


    セレクタ

    色の源

    日付の選別

    イメージウェル

    パスコントロール

    セグメントコントロール

    スライダ

    ステッパ


    インジケータ

    レベルインジケータ

    プログレスインジケータ


    タッチバー

    タッチバー概観

    視覚的デザイン

    グリフとイメージ

    コントロールとビュー


    拡張機能

    アクション拡張機能

    オートメータアクション

    ファインダー同期拡張機能

    メニューバーの追加

    サービス

    共有拡張機能



    iOS


    tvOS


    watchOS


    Technologies

    アクセシビリティ

    序文

    ベストプラクティス

    ユーザとの対話

    ナビゲーション

    テキストのサイズと太さ

    色とコントラスト

    外観の効果と動き

    コンテンツ


    AirPlay

    メディア再生

    アイコン

    社説


    アプリクリップ

    序文

    ユーザ体験

    アプリクリップカード

    アプリのクリップコード

    印刷ガイドライン

    法的要件


    Apple Pay(アップルペイ)

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

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

    ボタンとマーク

    社説


    拡張現実

    ホームスクリーンのアクション

    マルチタスクと複数のウィンドウ

    通知

    印刷

    クイックルック(検索)

    評価とレビュー

    スクリーンショット

    TV プロバイダー


    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルと商標化


    CarPlay

    序文

    オーディオアプリ

    自動車メーカーのアプリ

    伝達および VoIP アプリ


    アーキテクチャ

    バッジ付け

    エラー処理

    ロード

    ナビゲーション

    テスト


    対話

    オーディオ

    車のデータ

    iPhone

    ノブとコントロール

    タッチスクリーン

    Voice (Siri)


    視覚的デザイン

    アニメーション

    商標化

    レイアウト

    タイポグラフィ(印刷)


    アイコンと画像

    画像のサイズと解像度

    アプリのアイコン

    カスタムアイコン

    システムアイコン


    システム要素

    アクションシート

    活動指標

    アラート

    ボタン

    コレクション

    ラベル

    ナビゲーションバー

    スクロールビュー

    タブバー

    テキストビュー

    Web ビュー


    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザ体験

    シンボルと商標化


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    実績

    順位表

    マルチプレイヤー

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


    象形文字

    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の作用

    カスタム機能

    アイコン

    社説


    iCloud

    アプリ内購入

    序文

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


    inclusion(含有)

    ライブ写真

    Mac Catalyst

    序文

    アプリの構造

    ユーザとの対話

    視覚的デザイン

    Mac 慣用句


    マシン学習

    序文

    マシン学習の役割


    入力

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正


    出力

    間違い

    複数のオプション

    自信

    帰属

    制限事項


    地図(Maps)

    アプリとウェブサイトの地図

    Apple Watch の地図

    屋内の地図


    ResearchKit

    序文


    右から左へ

    序文

    テキストと文字

    コントロール

    画像と象形文字


    SharePlay

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムインテント

    カスタムの注視

    ショートカットと提案

    編集ガイドライン


    ソーシャルメディア

    SF Symbols

    Wallet(財布)

    序文

    許可証のデザイン


    小道具

    序文

    コンテンツ

    編集と対話

    デザイン




    Human Interface Guidelines


    概要


    リソース


    ビデオ


    新規事項



    ニュース

    見つける

    デザイン

    開発

    配信

    サポート

    アカウント
    (セキュリティの面で、リンクを提供できませんでした。)













    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ