[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.