UGUI - 关于ScrollContent 和 Grid使用

本文介绍了如何在Unity中使用UGUI创建带有ScrollContent的Grid布局。通过设置Canvas、ScrollRect组件、VerticalLayoutGroup或HorizontalLayoutGroup,以及使用LayoutElement控制Item布局,实现了动态添加和删除内容的功能。同时,文中提到了GridLayoutGroup与VerticalLayoutGroup的区别,前者支持自动横纵向排布并能限制Item大小。
摘要由CSDN通过智能技术生成

效果图:左上区域为准,通过点击+-item添加内容(红色的item)。


步骤:

1.新建Canvas,将canvas的rendermode设置成screenspace - camera,canvas scaler中的screen match mode设置为expand(可以不设置);

2.建立一个panel,添加ScrollRect组件,设置是横向还是纵向的滑动效果,以及移动类型movementtype(具体效果可以自行设置试试);

3.在已有的panel下建一个grid,并给与一个verticallayoutgroup或者horizontallayoutgroup(取决于是横向或者纵向的滑动效果,至于与gridlayoutgroup的差别下面会解释下),设置verticallayoutgroup的内容,padding是指item与scrollrect的边缘的距离,spacing指item之间的间隙,childalignmetn指item的对齐方式,childforceexpand 指显示width或者height上的扩展;

4.建立一个item,添加组件layoutelement来控制当前这个item的布局,定义item的最小值和首选大小&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值