「教程」ScrollView与Layout组合使用

感谢简书ID:leo501友情分享

cfefaaecdba5e18e01057c1bb728b5ba.gif

前言

为什么我要写一篇关于ScrollView的使用呢?官方文档与范例集合都有说明与例子程序,刚入门时我也这样过来的。但是如果经常用到ScrollView的话,就会发现ScrollView中的content不能自动为新添加child进行布局,需要自己在代码中实现。这对于经常使用ScrollView的人来说十分不方便,刚开始时自己写一个工具类用于为新添加child进行布局。后来发现Cocos Creator中本来就有这一类组件(Layout 组件),可以实现自动对child组件进行布局。本篇就是讲解下ScrollView与Layout 组件的组合使用。

自动布局功能

添加Layout组件
新建一个ScrollView后,选中view/content ,为其添加Layout组件。

7b2a14108f384bfd35e7b7fec08e267b.png

Layout组件说明

7f90be0e0babb96ae48c8637c6077558.jpeg

垂直排版
设置属性:

316c045406e8834d013e9126cf2a5176.png

效果:

3496e9c83b986316c5677d7325a904cf.png

水平排版
设置属性:

14b5e88a9a9082bfc3c16acf4e5cd978.png

效果:

2e9f6430cb1550c07bdb682b79c8a2e1.png

网格排版
设置属性:

3c7d60b8f4bc80f6f1929686204a2466.jpeg

效果:

943ba0580170336b16f6e8dbae873d36.png

最后

当把ScrollView与Layout 组合使用后,就会发现代码中不用再去布局子节点的位置。方便省心,又提高效率!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值