UI设计

Spirit 精灵 设置图片

图片切割为多个精灵

设置border边界

pivot 锚点

canvas 画布

其中渲染方式有三种 ： space——overlay，  space——cam， world space 第一种为 空间覆盖， 第二种对应摄像机，第三种则对应世界，前两种是无论怎么设置都是对应屏幕的

只有第三种是相对的位置。

其中画布里的元素  image ，导入图片是有四种方式 分别是 simple ， sliced ， tiled ，filled， 第一种简单缩放至适合大小，透明区域去掉，sliced 为切片类型，左上左下，右上右下的九宫格里保持不变，其余拉伸。第三种为平铺类型，九宫格内的四边保持不变  其余重复绘制。 第四种为第一种的显示方式，但可以调节图片的效果，比如圆调节为扇形。

rawimage 是显示普通 texture 2d 贴图。最好只用于大尺寸图片，或者临时显示的图片。

text 文本 使用与显示一段文字的组件。可添加阴影和轮廓组件，对应shadow 和outline。

按钮自动绑定button组件和image组件。 当我们创建ui 时会自动生成 EventSystem 对象，需要保留，否则ui失效。

toggle 是一个选择框。开关组则用于多个选线选其一的时候。

滑动条 slider 可以用来控制音乐的音量等功能。