效果图
UGUI - 制作listview


1、编号一个item

UGUI - 制作listview


2、创建一个垂直布局

创建一个空对象(Create Empty),挂一个垂直布局组件(Add Component->Vertical Layout Group)
UGUI - 制作listview


3、把item丢进布局里面

如果直接把item丢进layout里,会发现item会被填满布局,为防止item拉伸变形,需要创建一个空对象,把item挂在空对象之下,然后再把空对象丢进布局里,这样拉伸的就是空对象,item则不会变形。(ps:水平布局和网格布局的处理方式也是相同)
UGUI - 制作listview

然后复制多个Gameobject(item的父对象)
UGUI - 制作listview

UGUI - 制作listview


4、创建滚动控件,把布局丢进去作为content

  1. 创建一个空对象,往里面挂几个组件(image,scoll rect,mask)
    UGUI - 制作listview

  2. 把布局拖到scroll rect中的content,取消勾选Horizontal(因为要的是垂直滚动)并且 Movement Type 设置 unrestricted,取消mask组件的show mask(不需要绘制image中的纹理,透明就好)

  3.  

  4. done
    UGUI - 制作listview

    UGUI - 制作listview

Demo 下载

相关文章: