Scroll a layer using free or paged (carousel) scrolling. The layer will be scrolled inside of its parent layer group.
Use the Touch button on a layer to quickly add interactions.
Scroll模塊的ScrollX、Y接口選項(xiàng)選擇為free ( 自由滾動(dòng) ) 、paging ( 翻頁(yè) ) 時(shí)圖層可以被滾動(dòng)。圖層在圖層組也能使用。
使用圖層上的Touch按鈕快速創(chuàng)建交互。
(板栗:Content Layer記得要和輸出口 (右側(cè)的X、Y) 選擇的圖層或組一致,不然是不會(huì)生效的。)

輸入口
Content Layer 連接的圖層
The layer to scroll.
選擇要被滾動(dòng)的圖層。
Enable 啟用
A boolean that is true when scrolling is enabled.
滾動(dòng)能被使用時(shí)布爾值為真。
Scroll X 水平滾動(dòng)
The horizontal scrolling style - None, Free or Paging.
水平滾動(dòng)模式:Off 無(wú)、Free 自由、Paging 翻頁(yè)。
Scroll Y 垂直滾動(dòng)
The vertical scrolling style - None, Free or Paging.
垂直滾動(dòng)模式:Off 無(wú)、Free 自由、Paging 翻頁(yè)。
Settings 設(shè)置
Custom scroll settings. To be used with the output of the Scroll Settings patch.
Scroll Setting模塊的輸出口連接到這個(gè)借口。定義更多滾動(dòng)的屬性。
輸出口
X
The current horizontal scroll position. Connect to the X Position of the selected layer.
控制水平滾動(dòng)坐標(biāo)。連接到滾動(dòng)圖層的 Position X 屬性。
Y
The current vertical scroll position. Connect to the Y Position of the selected layer.
控制垂直滾動(dòng)坐標(biāo)。連接到滾動(dòng)圖層的 Position Y 屬性。
Related Patches 相關(guān)屬性
Pop Switch,Scroll away,Drag,Momentum Scrolling,Scroll Settings
Related Learn Content 相關(guān)學(xué)習(xí)內(nèi)容
Horizontal Scrolling
Create horizontal paging carousels.
Screen Transitions
Create screen flows.
Scrolling Views
Add horizontal scroll behavior to your designs.
Related Examples 案例
Facebook New Stories
Trigger a prompt to appear when the News Feed is scrolled a certain distance.
Facebook Popular Events
Create simple horizontal scrolling carousels.
Instagram Boomerang
Transition between screens and scrolls in Boomerang.
Instagram Carousel
Create horizontal scrolling with page indicators.
Instagram Compose
Switch between the Instagram upload options.
Instagram Stories Scroll
Tap to switch between read and unread Instagram Stories.
Messenger Home
Scroll through Messenger conversations.
Moments On boarding
The original Moments app full on boarding flow.