UGUI 滚动列表

UGUI 滚动列表

首先需要搭建我们自己的滚动列表UI场景。
  
  使用VerticalLayoutGroup进行垂直排序。

当我们需要自定义Sliced的时候，我们需要找到这张贴图。然后通过Sprite Editor去自定义剪裁。

Paste_Image.png

• 在我们的场景中创建一个空物体作为VerticalLayoutGroup的容器，并为它添加VerticalLayoutGroup组件，将需要进行垂直排序的对象拖拽作为其子物体。

Paste_Image.png

• VerticalLayoutGroup组件会根据容器的高度，为里面排序的子物体进行高度的填充。其中Spacing 表示垂直排序的间隔。

• 为了避免我们做好的列表项的高度被改变，我们需要使用一个空物体去包裹我们做好的列表项，在到VerticalLayoutGroup中进行排序操作。

• 将我们做好的列表项拖拽进行排序。我们根据对应的列表项的数量，对应的设置VerticalLayoutGroup容器的Height。

Paste_Image.png

• 接着为我们的VerticalLayoutGroup 添加滑动功能（ScrollRect组件），将我们的VerticalLayoutGroup 容器作为它的子物体。

Paste_Image.png

• 设置ScrollRect对应的属性。（添加Mask遮罩超出的部分不显示，添加ScrollRect组件，并为它指定Content（需要滑动的内容），并取消水平滑动）

Paste_Image.png

垂直滚动列表完成