背包层次介绍

 首先，我们需要知道背包的结构，一堆格子，一个横着或者竖着的滚动条，可能会有的对某个格子的元素进行的修改操作。
 例如这样的：

 或者是这样的：

 总之，都用到了单元格这个东西，它的大小一致，间隔固定，但数量可能是固定的，可能是可不断添加的。并且这种结构不止用于背包，存档、商店等多个元素都有运用。所以我们按照层次结构一层一层的来制作背包。

单元格

 在unity中，有一个功能叫做Grid Layout Group,它就可以决定我们的单元格的长度、宽度、间距、以及位置等元素。所以我们按序来尝试这个功能。
 在背包所在的Panel/Image/Empty GameObject中添加这个Component：

 其中，Cell Size代表每个格子的长度和宽度，Spacing代表间距, Start Corner是起始方向， 其他设置也基本默认就行了。

 现在，给这个Panel(假定)添加子元素，例如图片，你会发现，图片会按照同一尺寸，相同的间距从左向右进行排列。

ps：这个单元格的添加，我们一般使用预组件(Prefab)，这里请看这篇文章学习Prefab的实例化。

滚动条

 使用滚动条(Scroll bar)还需要进行配置，所以我们直接使用unity提供的已经设置好Scroll bar来移动窗口的Scroll View

 其中这个Content就是一个Panel，我们可以把刚刚用到的Grid Layout Group添加到这个Content里。然后修改Content的长度和宽度，运行游戏，可以看到，随着Content的长度和宽度的变化，竖向和横向的Scroll bar也会发生变化。所以我们接下来讲一个可能会用到的功能，随着添加的子元素的数量，动态变化背包的长度或者宽度。

尺寸调整

 在刚刚Scroll view的Content中，添加一个新的Component：Content Size Fitter，其中Horizontal就代表水平方向的伸展，Vertical就代表竖直方向的伸展，然后Unconstrained就是取消当前方向的伸展。到了这里，我们就完成了背包的全部设置。