Unity3D---UGUI---ScrollRect，Mask，Grid Layout Group，Content Size Fitter组件的应用

image.png

Image组件：

• 这个跟Image是一样的，当然这个地方也可以不设置Image组件，在上面设置一个Image，这个到时候根据策划的具体需求调整

Scroll Rect组件：

• 组件意思其实很好理解，Scroll Rect的意思是画卷，也就是说加入这个组件后。该控件的子控件如果超过该控件框的范围则进行掩饰（掩盖这个词其实感觉更加恰当些）

• Content（内容）：存放在Scroll Rect里面滚动的UI

• Horizontal（水平）：水平滚动开关

• Vertical（垂直）：垂直滚动开关

• Movement Type（滑动样式）：

  I.Unrestricted（无限制）：可以随意拖动，可超出边界，不会自动弹回
  II.Elastic（弹性）：超出边界会回弹回来。Elasticity值越大回弹速度越慢
  III.clamped（紧）：无弹力，不可超出边界
  

• Inertia（惯性）：停止滑动的时候还会随着滑动方向移动相应距离

  I.Deceleration Rate（减速比例）：越大惯性越大，移动距离越远
  

• scroll sensitivity（敏感度）：这个目前不知道有什么作用，后续如有用到进行补充，先保持默认

• Viewport（窗口）：这个目前不知道有什么作用，后续如有用到进行补充，先保持默认

• Horizontal Scrollbar（水平滚动条）：

• Vertical Scrollbar（垂直滚动条）：

Mask组件：

• 组件意思其实很好理解，Mask的意思是掩饰，也就是说加入这个组件后。该控件的子控件如果超过该控件框的范围则进行掩饰（掩盖这个词其实感觉更加恰当些）

• Show Mask Graphic：显示或隐藏Mask范围

image.png

Grid Layout Group组件：

• Padding（填充）：

  1.Left（左填充）
  2.Right（右填充）
  3.Top（上填充）
  4.Bottom（底填充）
  

• Cell Size（每个部件的大小）：

• Spacing（每个部件的间隔）：

• Start Corner（开始的角落）：每个控件生成时时基于那个角落：分左上，右上，左下，右下

• Start Axis（开始的轴）：分垂直（Vertical），水平（Horizontal）

• Child Alignment（孩子对其）：分左上，中上，右上。左中，中中，右中。左下，中下，右下

• constraint（约束）：分自动（Flexible），固定行（Fixed Row Count），固定列（Fixed Column Count）。

• Constraint Count（约束数量）：

Content Size Fitter组件：

• 组件意思其实很好理解，Content Size Fitter的意思是适当的大小，也就是说加入这个组件后。该控件的大小会自动调整大小

• Horizontal Fit（水平自适应）：

• vertical Fit（垂直自适应）：

  1.unconstrained （无限制的）
  2.min size（最小尺寸）
  3.preferred size（优先尺寸）