使用Unity的UGUI制作简单的Scroll View

使用Unity的UGUI制作简单的Scroll View

这个demo是在GitHub上面找到的,并非我自创的,可以自行下载:链接

在这里我下载下来研究学习,并总结了下具体做法:

首先在场景里面创建一个Canvas,然后在Canvas下方创建一个Image

调节Image的大小和Alpha值,差不多就行了,然后将Image改名为Scroll View
使用Unity的UGUI制作简单的Scroll View
然后在Scroll View的下方创建一个空物体,命名为Grid

然后将demo中的脚本EasyAutoGrid,挂载到Scroll View上,这个时候Unity会自动在Scroll View上挂载Scroll Rect组件。这个时候把Grid拖到Content里,dir选择Horizontal
使用Unity的UGUI制作简单的Scroll View

然后在Grid下方添加Grid Layout Group组件,Start Axis选择Vertical,Spacing稍微调整一些,再添加一个Image,锚点是左上方,调整下位置,ctrl+d复制几个使用Unity的UGUI制作简单的Scroll View

然后点击运行,就可以了
使用Unity的UGUI制作简单的Scroll View

其实我这个,只用到了demo里的两个脚本:
使用Unity的UGUI制作简单的Scroll View
使用Unity的UGUI制作简单的Scroll View
这个demo再稍加润色,其实还不错的,就是有点问题还没解决。