《考研调剂》专题

PageView 是一种页面视图容器. 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 PageView，即可添加 PageView 组件到节点上。 页面视图的脚本接口请参考 PageView API。 PageView 属性 属性 功能说明 Content 它是一个节点引用，用来创建 PageView 的可滚动内容 Size Mode 页面视图中每个页面大小类型，目前有 U

Slider 是一个滑动器组件。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 Slider，即可添加 Slider 组件到节点上。 滑动器的脚本接口请参考 Slider API。 Slider 属性 属性 功能说明 handle 滑块按钮部件，可以通过该按钮进行滑动调节 Slider 数值大小 direction 滑动器的方向，分为横向和竖向 progress 当前进度值

ToggleContainer 不是一个可见的 UI 组件，它可以用来修改一组 Toggle 组件的行为。当一组 Toggle 属于同一个 ToggleContainer 的时候，任何时候只能有一个 Toggle 处于选中状态。 注意：所有包含 Toggle 组件的一级子节点都会自动被添加到该容器中 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 ToggleContaine

Toggle 是一个 CheckBox，当它和 ToggleGroup 一起使用的时候，可以变成 RadioButton。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 Toggle，即可添加 Toggle 组件到节点上。 Toggle 的脚本接口请参考 Toggle API。 Toggle 属性 属性 功能说明 isChecked 布尔类型，如果这个设置为 true，则

ProgressBar（进度条）经常被用于在游戏中显示某个操作的进度，在节点上添加 ProgressBar 组件，然后给该组件关联一个 Bar Sprite 就可以在场景中控制 Bar Sprite 来显示进度了。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 ProgressBar，即可添加 ProgressBar 组件到节点上。 进度条的脚本接口请参考 Progress

ScrollBar 允许用户通过拖动滑块来滚动一张图片，它与 Slider 组件有点类似，但是 ScrollBar 主要是用于滚动，而 Slider 则用来设置数值。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 ScrollBar，即可添加 ScrollBar 组件到节点上。 滚动条的脚本接口请参考 ScrollBar API。 ScrollBar 属性 属性 功能说明

ScrollView 是一种带滚动功能的容器，它提供一种方式可以在有限的显示区域内浏览更多的内容。通常 ScrollView 会与 Mask 组件配合使用，同时也可以添加 ScrollBar 组件来显示浏览内容的位置。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 ScrollView，即可添加 ScrollView 组件到节点上。 滚动视图的脚本接口请参考 ScrollV

校对：RazgrizHsu RichText 组件用来显示一段带有不同样式效果的文字，你可以通过一些简单的 BBCode 标签来设置文字的样式。 目前支持的样式有：颜色（color）、字体大小（size）、字体描边（outline）、加粗（b）、斜体（i）、下划线（u）、换行（br）、图片（img）和点击事件（on），并且不同的 BBCode 标签是可以支持相互嵌套的。 更多关于 BBCode 标

EditBox 是一种文本输入组件，该组件让你可以轻松获取用户输入的文本。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 EditBox，即可添加 EditBox 组件到节点上。 EditBox 的脚本接口请参考 EditBox API。 EditBox 组件升级 在 v2.1.1 里，我们对 EditBox 组件做了一些调整和优化。主要包括： 新增 textLabel、p

Layout 是一种容器组件，容器能够开启自动布局功能，自动按照规范排列所有子物体，方便用户制作列表、翻页等功能。 水平布局容器 垂直布局容器 网格布局容器 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 Layout，即可添加 Layout 组件到节点上。 布局的脚本接口请参考 Layout API。 Layout 属性 属性 功能说明 Type 布局类型，支持 NONE、

Button 组件可以响应用户的点击操作，当用户点击 Button 时，Button 自身会有状态变化。另外，Button 还可以让用户在完成点击操作后响应一个自定义的行为。 点击 属性检查器 下面的 添加组件 按钮，然后从 UI 组件 中选择 Button，即可添加 Button 组件到节点上。 按钮的脚本接口请参考 Button API。 Button 属性 属性 功能说明 Target No

Widget (对齐挂件) 是一个很常用的 UI 布局组件。它能使当前节点自动对齐到父物体的任意位置，或者约束尺寸，让你的游戏可以方便地适配不同的分辨率。 对齐挂件的脚本接口请参考 Widget API。 选项 选项 说明 备注 Top 对齐上边界 选中后，将在旁边显示一个输入框，用于设定当前节点的上边界和父物体的上边界之间的距离。 Bottom 对齐下边界 选中后，将在旁边显示一个输入框，用于设

Canvas（画布） 组件能够随时获得设备屏幕的实际分辨率并对场景中所有渲染元素进行适当的缩放。场景中的 Canvas 同时只能有一个，建议所有 UI 和可渲染元素都设置为 Canvas 的子节点。 选项 选项 说明 Design Resolution 设计分辨率（内容生产者在制作场景时使用的分辨率蓝本） Fit Height 适配高度（设计分辨率的高度自动撑满屏幕高度） Fit Width 适配

本篇文档将介绍 UI 系统中常用的非核心控件，使用核心渲染组件和对齐策略，这些控件将构成我们游戏中 UI 的大部分交互部分。您将会了解以下 UI 控件的用法： ScrollView（滚动视图）、ScrollBar（滚动条）和 Mask（遮罩） Button（按钮） ProgressBar（进度条） EditBox（输入框） 以下介绍的 UI 控件都可以通过 层级管理器 左上角创建节点菜单中的 创建

Graphics 组件提供了一系列绘画接口，这些接口参考了 canvas 的绘画接口来进行实现。 在 层级管理器 中选中一个节点，然后点击 属性检查器 下方的 添加组件 按钮，从 渲染组件 中选择 Graphics，即可添加 Graphics 组件到节点上。 绘图属性 属性 功能说明 lineCap 设置或返回线条的结束端点样式 lineJoin 设置或返回两条线相交时，所创建的拐角类型 line