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.


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容