Scroll / Paging

プロパティパネルでコンテナーのスクロールまたはページングプロパティが設定できます。レイヤーパネルでコンテナー内にレイヤーを入れるだけでスクロールまたはページングが可能になります。

Scroll

縦、または横の長いレイヤーをスクロールします。

レイヤーをスクロールまたはページングする方向を設定します。

オーバースクロールした時のバウンス効果をオンオフできます。

指でスクリーンを水平または垂直にドラッグする際に、ページングコンテナー内のレイヤーがページングコンテイナーの幅または高さの分だけ動きます。

レイヤーをスクロールまたはページングする方向を設定します。

オーバースクロールしたときのバウンス効果がオンオフできます。

Containerのwidthだけ移動します。

ページのスクロールとスライドの一般的な使用例をご紹介します。モバイルおよびデスクトップアプリケーションで垂直および水平スクロールビューを作成する方法、スクロールプロパティを正しく設定する方法、およびスクロール関連の相互作用をトリガーしてレスポンスを作成する方法を学習します。

サンプルのプロトタイプをダウンロードしてぜひお試しください。チュートリアルと各プロトタイプを作成する手順もご覧頂けます。

実際の使用例

ほとんどのSNSアプリと同様に、さまざまなポートレートや写真を水平方向と垂直方向にスクロールできるページを簡単に作成できます。スクロールビューにマージンを追加して、UIを実際のアプリケーション（スクロールの最後のスペース）に近づける方法を学びましょう。

メッセージングアプリまたはメールボックス内のメッセージのリストを上下にスクロールするページを作成します。スクロールコンテナを作成し、スクロールを開始する場所をカスタマイズする方法を学習しましょう（例：下からスクロールする）

オンラインショッピングプラットフォームまたはビデオプラットフォームと同じ画像のようなカルーセル効果を作成します。スライドページコンテナレイヤーを使用してループアニメーションを作成する方法と、変数を使用してスクロール時に画像のタイトルを置き換える方法を学習しましょう。

ローリングタイムセレクターを作成し、日付や時刻などを設定できます。スクロールセレクターを使用すると、複数のオプションをすばやく上下にスクロールできます。オプションのリストがたくさんある場合には、スクロールセレクターが効果的です。

ページを中央から左右にスライドできるようにします。このインタラクションを作成するためにはコンテナレイヤーのプロパティを設定する方法を学びましょう。

ページを左右に無限にスクロールさせます。スライドページコンテナレイヤーの使用と範囲トリガーを使用して無限スクロールを作成する方法を学びます。