cocos creator学习8——ScrollView使用

最新推荐文章于 2024-08-08 16:35:01 发布

章鱼仔

最新推荐文章于 2024-08-08 16:35:01 发布

阅读量1.4w

点赞数 1

分类专栏： cocos creator 文章标签： cocos-creator

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/agsgh/article/details/79595299

版权

cocos creator 专栏收录该内容

21 篇文章 13 订阅

订阅专栏

遮罩组件

简称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群一起讨论学习点击下面链接即可加群
加群链接

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
cocos creator学习8——ScrollView使用

Mask组件&&Layout组件&&ScrollView组件使用
复制链接

扫一扫

专栏目录

章鱼仔 CSDN认证博客专家 CSDN认证企业博客

码龄16年

39: 原创

4万+: 周排名

80万+: 总排名

23万+: 访问

: 等级

2316: 积分

205: 粉丝

92: 获赞

103: 评论

279: 收藏

私信

关注

热门文章

分类专栏

vue 5篇
cocos creator 21篇
知识点 14篇
MYSQL 1篇
Node.js 5篇

最新评论

cocos creator学习16——滚动列表数据的动态加载
郝峻: @property({ type: ScrollView }) public rankLsScrollView: ScrollView = null; @property({ type: Node }) public itemTipPrefab: Node = null; private limitPage = 2; private page = 1; private pageSize = 50; private ifLoading = false; private ifLoadComplete = false; private companyId = "07ba3508-e2d5-4659-be4a-758408f2250e"; start() { this.rankLsScrollView.node.on("scroll-ended",this.on_scroll_ended,this);//监听scrollview事件 this.loadDatas(); } on_scroll_ended(event:ScrollView){ let ctnHeight = this.rankLsScrollView.content.getComponent(UITransform).contentSize.height; let viewHeight = this.rankLsScrollView.view.getComponent(UITransform).contentSize.height; let scrollHeight = event.getScrollOffset().y; console.log("scrollHeight:" + scrollHeight + " viewHeight:" + viewHeight + " contentHeight:" + ctnHeight) if(scrollHeight <= 0){ console
C网络编程服务端监听客户端IP与端口
章鱼仔: 这个只是开TCP连接的方法，为啥要curl？
C网络编程服务端监听客户端IP与端口
望~幽: 用什么测试呀？curl?
【html】【微信小程序】将图片压缩，文件上传的方法
章鱼仔: 可以的，这个只是随机生成数值随机数的方法 [code=javascript] export function random_int_str(len) { var $chars = '0123456789'; var maxPos = $chars.length; var str = ''; for (var i = 0; i < len; i++) { str += $chars.charAt(Math.floor(Math.random() * maxPos)); } return str; } [/code]
【html】【微信小程序】将图片压缩，文件上传的方法
qq_36539901: random_int_str这个方法是自己封装的吗，没有给出来呢

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。