如何在Unity中用UI制作滑动视图

先简单介绍一下UI中的各个组件：
如何创建UI？
1.在层级视图上-Create-UI-Image图片
2.选中图片，在检视视图上选择Image组件，属性如下：
source Image：图片来源
Color：颜色
Material：材质
Image Type：图片类型
Set Native Size：设置图片为原来大小
（1）如何改图片格式：
选中图片，在检视视图上，Textrue Type-Sprite（2D and UI）-Apply
3.如何实现屏幕适配？
以背景为例
选中Image，在场景视图中有锚点（花瓣）拉动锚点到画布的四个边上，这时在检视视图上-rest
Transform-Left左做设置为0，Bottom底设置为0即可，这时背景图片占满整个画布
4.Text：文本
Font：字体
Font Style：字体样式
Normal：无样式
Bold：加粗
Italic：倾斜
Bold and Italic：加粗并倾斜
Font Size：字体大小
Line Spacing ：行间距
Alignment：对齐方式
Horizontal Overflow：水平溢出
Vertical Overflow：垂直溢出
Color：字体颜色

Input Filed输入框
再输入框里边有Placeholder是提示输入的、Text是将输入的内容存放在里面
Input Filed里的属性
Normal Color：正常颜色
Highlighted Color：鼠标放上去的颜色
Pressed Color：按压的颜色
Disabled Color：禁用时的颜色
Character Limit：字符限制
Content Type：输入类型
Standard：标准可以输入数字，字母，汉字
Integer Number：整数
Decimal Number：高精度的数（小数）
Name：名字
Email Address：邮箱地址
Password：密码
Button：按钮
如何添加点击事件？
Button-检视视图-Button组件-On click（）-“+”，把要拖进去的东西拖进None的位置，在No function中选择GameObject-SetActive（bool），若让物体显示出来则打√，若不让物体显示出来则不打√。

如何给Image添加点击事件？
创建Image-检视视图-ADD component-添加Button组件即可

Toggle：单选框
组件的子物体 ：
Background：背景图片
Checkmark：对号图片
Label：文本，用来改提示的

Toggle组件中的属性
Is on：是否选中
Group：组合，添加带有ToggleGroup的组件的物体

制作 Toggle
1.在画布里创建一个Greate Empty空物体，显示出来是GameObject
2.在空物体下创建两个Toggle子物体，选中其中一个，在右边检视视图上-Is on-去掉√
3.选中空物体，检视视图-Add Component-Toggle Group
4.选中子物体，分别给子物体-检视视图-Group-拖入空物体
5.运行，这时只能选择其中一个即完成。

Silder：滑动条
子物体：
Background：背景图片
Fill Area：划过之后所变得颜色图片
Handle Slide Area：滑动块
Slider组件的属性：
Direction：方向
Left to Right：从左向右
Right to Left：从右向左
Bottom to Top：从下到上
Top to Bottom：从上到下
Min Value：最小值得设置（默认为0）
Max Value：最大值得设置（默认为1）
Value：值（在代码中会用到）

Scrollbar:滑动块
本身自带Image：代表的是背景图片
子物体：sliding area：代表的是滑动块图片
Scrollbar的属性：
Direction：方向
Left to Right：从左向右
Right to Left：从右向左
Bottom to Top：从下到上
Top to Bottom：从上到下
Value：值（在代码中会用到）
size：滑块的大小
Number of steps：滑块走的步数
0代表任意位置停

Dropdown：下拉框
子物体：Label：就是Text组件，用来接收你所选择的内容
Arrow：用来显示下三角
Dropdown的属性：
Options：用来修改内容的，点击+添加新的内容。
Panel：蒙版
在检视视图-Image-Image Type-filled
属性：
Fill Method：旋转角度
Fill Origin：旋转开始的位置
Fill Amount：旋转的值（在代码中会用到）
最后创建滑动视图
滑动视图的创建：
1.新建Plnel，添加组件Scroll Rect（视图的内容）
2.在Panel下创建子物体plnel（1），添加组件Grid Layout Group布局组合
3.在Plnel（1）下创建Image或者Button，选择合适图片后，按ctrl+d复制并粘贴
4.创建两个Scroll Bar，一个作为水平滑块，一个作为垂直滑块
5.选择Panel-Content上添加Panel（1），在horizontal Scrollbar上添加水平滑块，在Vertical Scrollbar上选择垂直滑块