Canvas

1.Screen Space - Overlay

这种渲染模式表示Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面 ，主要是2D效果。

2.Screen Space - Camera

这种渲染模式 Canvas 和 摄像机之间有一定的距离 , 可以在摄像机和 Canvas 之间播放一些粒子特效，主要是3D效果。利用这种渲染模式时需要设定一个摄像机并将其绑定到Canvas组件下的Rander Camera处，改变Camera则UI元素的渲染效果也会发生变化。

UI控件

Text：显示在屏幕上的文本

1. Font：使用的文字的字体
2. FontStyle：文字字体样式
3. LineSpacing：行间距
4. Alignment：对齐方式
5. Color：字体的颜色
6. Material：材质

Panel：面板，实际上就是一个容器，可以放置其他UI控件。

1. Source Image：用来设置面板的图像
2. Color：改变面板的颜色

Image：图片，显示Sprite类型的图片。

1. Source Image（图像源）：纹理格式为Sprite（2D and UI）的图片资源
2. Color（颜色）：图片叠加的颜色。

3. Material（材质）：图片叠加的材质。

4. Raycast Target（射线投射目标）：是否作为射线投射目标，关闭之后忽略UGUI的射线检测

5. Image Type（图片显示类型）：Preserve Aspect（锁定比例）、Simple（基本的）：图片整张全显示，不裁切，不叠加，根据边框大小会有拉伸、 Sliced（切片的）：图片切片显示、Fill Center（填充中心）：勾选后，显示，反之，不可见、Tiled（平铺的）。

RawImage:图片，显示Texture类型的图片。

1. Texture：指定要显示的图片
2. Color：设置颜色
3. Material：设置材质
4. UV Rect：位置和大小

FieldInput：输入域，可以输入文本。

1. Text Component：输入域的文本显示组件
2. Text：文本
3. Character Limit：限定此输入域最大输入的字符数
4. Content Type：限定输入域的内容类型
5. Line Type(换行方式)
6. Placeholder（位置标示）
7. Caret blink rate：标示光标的闪烁速度
8. Hide mobile input：手机端隐藏输入
9. On Value Changed：值改变时触发消息
10. End Edit：结束编辑时触发消息

Button：按钮，可添加按钮事件。

1. Interactable(交互)：按钮是否可以点击的开关
2. Transition：设置按钮按下，弹起，不可用的显示状态
3. Navigation：导航
4. Visualize：可视化

Toggle：切换/选择/开关

1. Background：图片，用作选择框底图
2. Checkmark：图片，用作选择标记
3. Label：文本，用于文字说明

Slider：滑动条，主要用于形象的拖动以改变目标值的控件。

1. Fill Rect：设置填充矩形区域
2. Handle Rect：设置手柄矩形区域
3. Direction：设置Slider的摆放方向
4. Min Value：设置最小数值

学会了上面的基础后就可以制作简单的小游戏了。