メインコンテンツにスキップ

スクロールウィンドウを作成する

Teshima avatar
対応者:Teshima
今日アップデートされました

簡易板または整列板の中にある縦長のレイヤをスクロールさせることでスクロールウィンドウを作成します。

手順を説明します。

❶ 簡易板または整列板レイヤを任意の場所に2つ作成します。

* 下図の例ではスクロールウィンドウにしたい簡易板Aをステージ内に、Aに入れてスクロールさせたいコンテンツとして簡易板Bをステージ外に作成しています。スクロールさせるために、BはAより高さを長めにとっておきます。

❷ Bの中身を作成する。(ダミーでも可)

* 本来であればテキストコンテンツを上から並べてスクロールで使用されるケースが多いと思われますが、下の例では、手っ取り早く縦長の画像を簡易板の横幅一杯(100%)で置いています。簡易板Bの高さは、中の画像に合わせて 「fit」 に設定しています。

❸ 簡易板Bを簡易板Aに入れて位置を調整する。

* キャンバス上かレイヤツリー上のどちらかでドラッグ&ドロップします。(キャンバス上では、特定のレイヤの中に入れたい場合には、Qキーを押したままドラッグ&ドロップします)

その後、上は簡易板Aの天辺に合わせて、左右は中央揃え。

➍ 簡易板Aでスクロール設定をしたら完了です。

① 簡易板Aを選択します。 ② 右のプロパティパネルで 「領域外」 の設定を 「スクロール」 にします。 ③ 最後にスクロールバーの表示/非表示を決めたら完了です。

❺ プレビュー画面で正しく表示されているかを確認します。

以上すべてが完了したら、プレビューウィンドウ(簡易板A)の外形を整えたり、簡易板Bの内容を完成させればOKです。(簡易板Aに入れた後は領域外の編集が面倒なので、先に簡易板Bを完成させてから入れるか、編集時には簡易板Bを一旦外に出してから編集した方が作業がスムーズかもしれません)

こちらの回答で解決しましたか?