zoukankan      html  css  js  c++  java
  • [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.

  • 相关阅读:
    【GO】GO语言学习笔记一
    【GO】GO语言学习笔记三
    【GO】GO语言学习笔记二
    linux 安装Ngnix
    【GO】GO语言学习笔记四
    【GO】GO语言学习笔记五
    Extjs4.1 gridPanel动态列
    Extjs4.1 gridPanel单元格背景颜色渲染
    Extjs4.1中动态改变gridpanel的数据源
    Extjs4.1 vtype验证
  • 原文地址:https://www.cnblogs.com/WongSiuming/p/4870312.html
Copyright © 2011-2022 走看看