スクロール＆ページングのユースケース
一般的なシナリオでスクロールとページングを効果的に活用する方法を学びます。モバイルおよびデスクトップアプリケーション向けに、縦方向と横方向のスクロールビューを作成する方法を紹介します。スクロール関連のインタラクションに対して、スクロールプロパティを正しく設定し、適切なトリガーとレスポンスを選ぶためのポイントも確認できます。
プロトタイプを実際に体験し、ダウンロードしてそのインタラクションを確認してください。さらに、各プロトタイプの作成手順を理解するために、チュートリアルもご覧ください。
必要なユースケースを見つけてください。
ソーシャルメディアアプリを閲覧する
メッセージングアプリでの縦スクロール
ループするスクロールカルーセル
ホイールピッカー
中央からのスクロール＆ページング
無限ページングスクロール
ソーシャルメディアアプリを閲覧する
近ごろの多くのソーシャルメディアアプリと同様に、横方向と縦方向のスクロールを使って、さまざまなプロフィールや写真を閲覧できます。アプリと同じような UI を保つために、スクロールビューに余白を追加する方法（スクロールの末尾に空きスペースを持たせる方法）を学びましょう。
メッセージングアプリでの縦スクロール
メッセージングアプリやメールの受信トレイでメッセージを見るには、上下にスクロールします。スクロールコンテナーを作成し、カスタムの開始スクロール位置（たとえば下端から）を設定する方法を学びましょう。
ループするスクロールカルーセル
オンラインショッピングサイトや動画配信プラットフォーム上の画像ギャラリーのように、スライドショーを作成できます。ページングコンテナーを使ってカルーセルビューを作成する方法と、スクロール中に変数を使って画像名を切り替える方法を学びましょう。
ホイールピッカー
日付や時刻などを選ぶための独自のホイールピッカーを作成しましょう。ホイールピッカーを使うと、複数の選択肢を上下にすばやくスクロールできます。特に、選択肢の一覧が画面の利用可能なスペースを超えてしまい、すべてを表示できない場合に便利です。
中央からのスクロール＆ページング
ページが中央から左右両方向へスクロールするようにします。これを実現するための適切なコンテナー プロパティの設定方法を学びましょう。
無限ページングスクロール
ページを両方向に無限にスクロールできるようにします。ページングコンテナーを使ってページをグループ化し、範囲トリガーを使って無限スクロールを有効にする方法を学びましょう。
