4.11 Interaction 交互 - Scroll 滾動


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接口選項選擇為free ( 自由滾動 ) 、paging ( 翻頁 ) 時圖層可以被滾動。圖層在圖層組也能使用。
使用圖層上的Touch按鈕快速創建交互。

(板栗:Content Layer記得要和輸出口 (右側的X、Y) 選擇的圖層或組一致,不然是不會生效的。)

輸入口

Content Layer 連接的圖層
The layer to scroll.
選擇要被滾動的圖層。

Enable 啟用
A boolean that is true when scrolling is enabled.
滾動能被使用時布爾值為真。

Scroll X 水平滾動
The horizontal scrolling style - None, Free or Paging.
水平滾動模式:Off 無、Free 自由、Paging 翻頁。

Scroll Y 垂直滾動
The vertical scrolling style - None, Free or Paging.
垂直滾動模式:Off 無、Free 自由、Paging 翻頁。

Settings 設置
Custom scroll settings. To be used with the output of the Scroll Settings patch.
Scroll Setting模塊的輸出口連接到這個借口。定義更多滾動的屬性。

輸出口
X
The current horizontal scroll position. Connect to the X Position of the selected layer.
控制水平滾動坐標。連接到滾動圖層的 Position X 屬性。

Y
The current vertical scroll position. Connect to the Y Position of the selected layer.
控制垂直滾動坐標。連接到滾動圖層的 Position Y 屬性。


Related Patches 相關屬性

Pop Switch,Scroll away,Drag,Momentum Scrolling,Scroll Settings


Related Learn Content 相關學習內容

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.


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容