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.

UGUI Layout

标签：

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