建立捲動原型

捲動原型讓您可以建立更接近成品的逼真原型。例如，您可以建立模仿捲動列表的應用程式原型。

相關課程

建立捲動畫板

觀看課程

若要建立在預覽時會垂直捲動的原型

1. 首先，在工具列中開啟「插入」 ，然後為原型將在檢視區中顯示的固定視窗選取「範本」。或者，建立您自己的畫板範本以用作捲動畫板。
2. 增加畫板範本的高度（檢查器中其預設尺寸將顯示星號 * 表示您已調整其大小），並新增將在檢視區內捲動的額外圖層。
3. 預覽 您的原型，以查看調整大小後的畫板及其中的圖層如何在檢視區內捲動。
4. 您可以建立並新增固定元素到您的捲動原型，例如索引標籤和選單列。

建立捲動區域

您可以在畫板內建立水平、垂直或多方向的捲動區域，以便在原型中建立逼真的可捲動 UI 元素。

要建立捲動區域，請選取一個或多個圖層（或現有的圖層群組），前往檢查器中的「原型」標籤頁，然後按一下「設為可捲動」。您不需要手動將圖層分組 — 如果它們尚未分組，我們會為您完成。現在，選擇您要讓群組「水平」捲動、「垂直」捲動，還是兩個方向（「多方向」）捲動。

當您將群組設為可捲動時，我們會在該群組新增一個特殊的遮罩。這可以控制捲動區域的大小以及開始捲動之前可見的圖層。要調整這個可見區域，請確認在檢查器中選取了「原型」標籤頁，然後選取您的群組。

您會在選取範圍的左右兩側看到一組捲動控點（用於水平捲動）、頂部和底部（用於垂直捲動）以及所有四個側邊（用於多方向捲動）。按一下並拖曳控點即可調整捲動區域的可見區域。

如果您想更改包覆可捲動群組的邊界，您可以手動調整它們，即使是沒有調整大小控點的邊緣也可以。要這樣做，請選取您的可捲動群組或符號，開啟「原型」標籤頁，按一下「選取可捲動遮罩」圖示 ，然後在任何方向調整捲動區域的邊界。