使用UGUI Scrol View组件做下拉列表

今天很有必要整理一下Scrol View的使用,用了N多次了老是忘!

1、首先创建一个Scrol View ,结构如下。

使用UGUI Scrol View组件做下拉列表

2、Scroll View 的属性如下:Clamped表示子物体不会到处反弹。。

使用UGUI Scrol View组件做下拉列表

3、在Content对象上添加两个组件Content Size Fitter和Vertical layout Group,我这里是为了做成下拉列表效果。。然后Content Size Fitter组件的Vertical Fit属性必须设置为Preferred Size,这样子物体image就会自动拉伸父物体Content,否则就不会有效果。。

使用UGUI Scrol View组件做下拉列表

使用UGUI Scrol View组件做下拉列表

4、最后复制多个Image,后运行,就会出现下拉列表效果了,,是不是很简单。。

使用UGUI Scrol View组件做下拉列表