简介
滚动条（Scroll Bar）控件类型允许玩家通过拖动 控制柄（Thumb）来滚动页面，它与 滑动条（Slider）控件类型有点类似，但是它主要是用于滚动而 滑动条（Slider）则用来设置数值。
在日常生活中滚动条是很常见的，我们熟悉的示例包括文档侧面的垂直滚动条以及用于查看大型图片或地图某一部分的一对垂直和水平滚动条。
滚动条控件类型也可以用于制作进度条。
【UIEditor_ScrollBar001.png】
默认滚动条控件类型实例化的 UI 对象效果。
滚动条（Scroll Bar）控件类型的 UI 对象具有一个介于 0 和 1 之间的浮点数数值。当玩家拖动滚动条时，该值将相应变化。
滚动条通常与 遮罩 (Mask) 一起用于创建滚动视图。
构成
滚动条（Scroll Bar）控件类型的 UI 对象（UI Object）由两个 图片（Image）控件类型的 UI 对象组成。可以通过 UI 对象展开子节点 功能进行编辑，具体展开方法请参阅 展开子节点 章节。
【UIEditor_ScrollBar002.png】
默认 滑动条（Slider）控件类型实例化的 UI 对象展开子节点后的层级结构。
- __BG__ UI 对象，是 图片（Image）控件类型的 UI 对象，用于显示滑动条的背景图片。
- __Thumb__ UI 对象，是 图片（Image）控件类型的 UI 对象，用于显示控制柄的图片，是玩家可以滑动并与滚动条交互的部分。
属性
滚动条具有一个介于 0 和 1 之间的 面积大小（Area Size）值，该值用于确定控制柄的大小（占整个滚动条长度的一个比例）。 滚动条可以是水平或垂直的。滚动条也有一个 方向（Direction）属性，更改该属性的属性值用于定义滚动条的方向。
【UIEditor_ScrollBar003.png】
| 名称 | 描述 |
|---|---|
| 是否启用（Interactable） | 此属性确定该 UI 对象是否接受交互。  勾选，接受交互，该 UI 对象有点击等交换效果。  不勾选，交互被禁用，过渡 类型（Type）属性也将设置为禁用状态。 |
| 类型（Type） | 确定 UI 对象的控制柄图片以何种方式对玩家的操作进行可视化响应的属性。请参阅 过渡选项 章节。 |
| 数值（Value） | 设置滚动条控制柄的初始位置（或当前位置）值，属性值可输入 0.0 至 1.0 的浮点数。 |
| 面积大小（Area Size） | 设置控制柄在滚动条内的比例大小。属性值可输入 0.0 至 1.0 的浮点数，属性值为 0.5 (50%) 对应于控制柄的长度缩放是滚动条的一半，1.0 (100%) 对应于控制柄的长度完全覆盖滚动条。 |
| 方向（Direction） | 设置拖动控制柄时滚动条 数值（Value）属性值增加的方向。此属性值包括： · 自左往右（Left To Right），滚动条为水平方向。当 UI 对象的控制柄在左侧时，数值（Value）属性值为 0， 当 UI 对象的控制柄在右侧时，数值（Value）属性值为 1。 · 自右往左（Right To Left），滚动条为水平方向。当 UI 对象的控制柄在右侧时，数值（Value）属性值为 0， 当 UI 对象的控制柄在左侧时，数值（Value）属性值为 1。 · 自下往上（Bottom To Top ），滚动条为垂直方向。当 UI 对象的控制柄在底部时，数值（Value）属性值为 0， 当 UI 对象的控制柄在顶部时，数值（Value）属性值为 1。 · 自上往下（Top To Bottom），滚动条为垂直方向。当 UI 对象的控制柄在顶部时，数值（Value）属性值为 0， 当 UI 对象的控制柄在底部时，数值（Value）属性值为 1。 |
| 控制柄（Thumb） | |
| 2D 纹理（Texture 2D） | 可用于分配给此 UI 对象控制柄的 2D 贴图资产，可从 项目窗口（Project）将 2D 贴图资产拖入，或点击打开列表选择 2D 贴图资产。2D 纹理属性支持 PNG，JPG，TGA，TIF 格式图片导入而生成的 2D 贴图资产，具体导入方法和限制请参阅 导入资产 章节。 |
| 偏离量（Offset） | 用于设置控制柄的尺寸。属性值为 二维向量（Vector 2）。可分别设置 X 和 Y 方向的尺寸，属性值可以输入自然数，单位为像素。 · X 属性表示控制柄相对于 UI 对象在 X 轴上的尺寸。 · Y 属性表示控制柄相对于 UI 对象在 Y 轴上的尺寸。 |
滚动条控件类型的 UI 对象在 检视窗口（Inspector）可设置属性是最基础的相关属性，如果需要对该 UI 对象进行更细致的编辑，建议对该 UI 对象进行层级展开，这样可以更细致编辑滚动条的控制柄和背景。