cocos creator学习8——ScrollView使用

最新推荐文章于 2024-03-28 16:06:00 发布

原创最新推荐文章于 2024-03-28 16:06:00 发布 · 1.5w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#cocos-creator

cocos creator 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了Mask组件和Layout组件的基本用法与效果。Mask组件包括矩形、椭圆形及贴图遮罩等类型，而Layout组件则简化了UI排版工作。文中还提到了ScrollView组件如何与Layout组件配合使用，以实现更佳的UI编辑效果。

遮罩组件

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

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

组件属性	功能
Type	遮罩类型	效果
RECT	矩形遮罩
ELLIPSE	椭圆遮罩	边数越多越圆
IMAGE_STENCIL	贴图遮罩
----	-----
Inverted	是否反转

布局组件

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

ScrollView组件使用

创建一个ScrollView组件：
创建组件
ScrollView组件中由2个子节点组成scrollBar和view
scrollBar是一个滚动条的模板
view是一个遮罩，用于把多出来的内容隐藏
我们可以在view内添加一个Layout组件来实现对UI的编辑：
配合Layout
ScrollView与Layout配合使用效果更佳
也可以加下Q群一起讨论学习点击下面链接即可加群
加群链接