[UGUI] Layout

妈天,我这弄个服务器的列表ui弄了一天多

今天长得最重要的教训就是一定要查官方手册。点击组件旁边的小书就行。

不是别的,就是滑动。

但好在总算是想出办法来了

首先,这是个滑动区域,把图中的深色区域作为父区域,创建image,然后将所有的列表grid(空gameobject)添加为子节点,在image中添加scrollrect并添加imagemask可以实现遮挡并滑动的方法,其中把MovementType设为Elastic可以自动确定滑动的边界,然后还要将Scroll Rect的content设为Image下面的一个子节点。

在设定万滑动区域后,就来修改grid。因为要自适应并且可以动态添加,所以给grid添加layout即可。layout共有horizontallayout,verticalLayout和gridLayout三种,其中gridLayout是限定element的大小的,不能改变即不能自适应。所以我的解决方案是给grid添加了HorizontalLayout,然后为其添加两个带VerticalLayout的Empty,命名为VerticalCell1与VerticalCell2。

在添加完成后,将其children force expand 全部取消勾选(不知道有啥作用...),然后为grid添加Content Size Fliter组件,并将Vertical Fit设置为Preferred来使Grid大小随着子物体的大小变化而变化。

在每个VerticalCell中的每个Cell增加Layout Element,设定Min width和MinHeight 并且将Preferred Height设为30.

原文地址:https://www.cnblogs.com/WongSiuming/p/4870312.html