效果图
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 下载

相关文章:

  • 2021-08-27
  • 2021-08-21
  • 2021-05-07
  • 2022-12-23
  • 2021-07-26
  • 2021-10-26
  • 2021-08-22
  • 2022-12-23
猜你喜欢
  • 2021-10-13
  • 2022-12-23
  • 2022-12-23
  • 2021-08-22
  • 2021-08-18
  • 2021-04-14
  • 2021-11-14
相关资源
相似解决方案