UI之Scroll View加组件Grid Layout Gro

参考链接

Unity UGUI 之 Scroll View 使用
Unity UGUI 利用Scroll View动态生成列表

过程

先是按照教程做了一下，直接使用Scroll View和组件，实现了列表的方式，还加了个Button来动态添加。然后又自己往上面加Empty的GO，通过自己往上面加组件改锚点改参数，对照着实现了一个每行三个的关卡展示框架，感觉用这个做背包也会很简单。

总结

• Scroll View下的主要组件是Scroll Rect，用来设置移动的Bar、展示用的View Port、内容Content，以及滚动的方向，滚动到底部的停留时间模式是否滚动等。
• View Port 的主要组件是Mask，目的是把不再范围内的内容遮挡住。Mask相关知识待下次学习。
• Content 本来没有什么主要的东西，按照教程挂载了Grid Layout Group 和Content Size Fitter，两个都很重要，起到了不同的作用。Grid 起到的作用可以说是排版，内容距离边界的距离、单个Cell的大小、内容开始的位置、排列的方式、限制的行数列数。Content 起到的作用和它的名字一样用来做适应的，可以根据内容Cell的多少自动调节Content的大小，会把对应Content的width和Height锁定，调整了这个才可以进行滚动新加入的Cell，默认Content的大小不变从而没法对新加入的Cell进行滚动。

心得

• 采用这个可以做动态列表、背包、关卡展示等需要排版和动态的地方。
• 不同的UI就是不同的组件决定的，Rect Tranform很重要，锚点的选择等。
• 如果想要了解一个UIGO，可以自己尝试着对照着原本的系统提供的UI自己加组件搭一遍。