cocos creator学习8——ScrollView使用

遮罩组件

简称Mask组件,提供viewport功能的一个组件

我在viewport节点上挂载一个mask组件,然后在这个节点上添加子节点就会形成遮罩效果,遮罩会根据size和mask的类型决定。

组件属性 功能
Type 遮罩类型 效果
RECT 矩形遮罩 cocos creator学习8——ScrollView使用_第1张图片
ELLIPSE 椭圆遮罩 cocos creator学习8——ScrollView使用_第2张图片 边数越多越圆
IMAGE_STENCIL 贴图遮罩 cocos creator学习8——ScrollView使用_第3张图片
---- -----
Inverted 是否反转 cocos creator学习8——ScrollView使用_第4张图片

布局组件

简称Layout组件,该组件使排版更加方便,不需要耗费大量精力调整
效果演示:


ScrollView组件使用

创建一个ScrollView组件:

ScrollView组件中由2个子节点组成scrollBarview
scrollBar是一个滚动条的模板
view是一个遮罩,用于把多出来的内容隐藏
我们可以在view内添加一个Layout组件来实现对UI的编辑:

ScrollView与Layout配合使用效果更佳
也可以加下Q群 一起讨论学习 点击下面链接即可加群
加群链接

你可能感兴趣的:(cocos,creator)