Scroll Views

https://developer.apple.com/design/human-interface-guidelines/ios/views/scroll-views/

スクロールビュー

A scroll view allows users to browse content, such as text in a document or a collection of images, that’s larger than the visible area. As people swipe, flick, drag, tap, and pinch, a scroll view follows the gesture, revealing or zooming content in a way that feels natural. A scroll view itself has no appearance, but does display transient scrolling indicators as people interact with it. A scroll view can also be configured to operate in paging mode, where scrolling reveals an entirely new page of content rather than moving around the current page.

スクロールビューを使用すると、ユーザーは、ドキュメントまたは画像のコレクション内のテキストなど、可視領域よりも大きなコンテンツを参照できます。スワイプ、フリック、ドラッグ、タップ、ピンチでスクロールすると、自然に感じられるようにスクロール表示が行われ、コンテンツが表示または拡大されます。スクロール・ビュー自体は外観はありませんが、人がそれとやり取りするときに一時的なスクロール・インジケーターを表示します。ページングモードで動作するようにスクロールビューを構成することもできます。ページングモードでは、現在のページを移動するのではなく、まったく新しいページをスクロールして表示します。

Support zoom behavior appropriately. If it makes sense in your app, let people pinch or double-tap to zoom in and out. When you enable zoom, set maximum and minimum scale values that make sense. For example, zooming in on text until a single character fills the screen probably doesn’t make sense in most apps.

適切なズーム動作をサポートします。 必然性があるなら、ピンチまたはダブルタップでズームイン/ズームアウトさせます。ズームを有効にするときは、意味のある最大と最小のスケール値を設定します。たとえば、1文字が画面いっぱいになるまでテキストをズームインすると、ほとんどのアプリでは意味をなさないでしょう。

Consider showing a page control element when a scroll view is in paging mode. A page control shows how many pages, screens, or other chunks of content are available and indicates which one is currently visible. If you show a page control with a scroll view, disable the scrolling indicator on the same axis to avoid confusion. For additional guidance, see Page Controls.

スクロール・ビューがページング・モードにあるときにページ制御要素を表示することを検討してください。 ページコントロールは、利用可能なページ、画面、またはその他のチャンクの数を示し、現在表示されているページや画面などを示します。スクロール・ビューでページ・コントロールを表示する場合は、混乱を避けるために同じ軸上のスクロール・インジケーターを使用不可にしてください。その他のガイダンスについては、ページコントロールを参照してください。

Don’t place a scroll view inside of another scroll view. Doing so creates an unpredictable interface that’s difficult to control.

別のスクロールビューの内部にスクロールビューを配置しないでください。 そうすることで、制御が難しい予測不可能なインターフェイスが作成されます。

In general, display one scroll view at a time. People often make large swipe gestures when scrolling, and it can be hard to avoid interacting with a neighboring scroll view on the same screen. If you need to put two scroll views on one screen, consider allowing them to scroll in different directions so one gesture is less likely to affect both views. For example, when an iPhone is in portrait orientation, the Stocks app shows stock quotes that scroll vertically above company-specific information that scrolls horizontally.

一般に、一度に1つのスクロールビューを表示します。 スクロールするときに人はしばしば大きなスワイプジェスチャーを行い、同じスクリーン上で隣接するスクロールビューとのやりとりを避けることは困難です。 1つの画面に2つのスクロールビューを配置する必要がある場合は、異なる方向にスクロールできるようにして、1つのジェスチャーが両方のビューに影響する可能性を低くします。たとえば、iPhoneが縦向きの場合、株式アプリは横にスクロールする会社固有の情報の上に垂直にスクロールする株式相場を表示します。

For developer guidance, see UIScrollView.