码迷,mamicode.com
首页 > 其他好文 > 详细

UGUI- 单列列表(VerticalLayoutGroup)

时间:2017-10-23 23:11:21      阅读:445      评论:0      收藏:0      [点我收藏+]

标签:mil   bsp   col   自适应   cal   nbsp   一个   目的   style   

先看再Hierarchy中的层级关系:

 

解说:Scrollbar和ScrollRect平级:是因为VerticalLayoutGroup的定位基准点是中心点.如果scrollbar放在scrollRect中会和VertialLayoutGroup冲突,放外面方便点.

   技术分享

Commponent细节:

  1. BG,Scrollbar没什么,可说,正常用即可
  2. ScrollRect:用mask做遮罩,指定scrollbar给scrollrect的Vertical Scrollbar

    参照下图:

    技术分享

  3. Vertical LayoutGroup:

    参考下图:

    技术分享

  4. 再ItemPrefab上添加Aspect Ratio Fitter;

    技术分享

  5. BG上添加如下脚本:

     

   

说明:

对于表中每一项:

宽度在Vertical LayoutGroup的Child Control Szie中勾选了Width

调整好高度

添加脚本Aspect Ratio Fitte设置的是:Width controller height;

表中的每一项的宽高,都会跟随父物体自适应

脚本说明:

public int count; Count是一个临界值,代表能够容纳的完整的单个项目的整数;

 

欢迎交流 : D:workhai@Outlook.com

UGUI- 单列列表(VerticalLayoutGroup)

标签:mil   bsp   col   自适应   cal   nbsp   一个   目的   style   

原文地址:http://www.cnblogs.com/workhai/p/7719449.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!