[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)

新建Scroll View组件(如下图)
[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)
因为是纵向图片滚动列表,所以去除横向部分即删除Scrollbar Horizontal(如下图)
[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)
更改Scorll VIew得背景为透明背景(如下图)
[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)
点击Scorll VIew中的Content,为其添加一个纵向布局(Vertical Layout Group)并修改其设置,将child force expand一栏的height选项取消,并将spacing设置为10(如下图)
[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)
设置完毕后,往Content添加多个image组件,并给每个image组件设置显示图片和适当的大小(如下图)
[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)
最后效果图如下
[Unity学习笔记:UI之道(2)]使用Scroll View组件实现纵向图片滚动列表————(2020.6.3学习笔记)