UGUI总结

 1、Canvas

Screen Space-Overlay：

Canvas 下的所有的 UI 控件永远位于屏幕的前面 , 不管有没有相机 , UI元素永远在屏幕最前面(2D效果)

Screen Space - Camera：

渲染模式 Canvas 和 摄像机之间有一定的距离 , 可以在摄像机和 Canvas 之间播放一些粒子特效（3D效果）

Worid Space：

这种模式下 Canvas 就和普通的 3D 物体一样了 , 可以控制它的大小,旋转,缩放(可以用来做血条)

Plus：

选中Pixel Perfect，在Canvas中的模糊效果消失，变得相对清晰

Canvas Scaler：

Reference Resolution (屏幕分辨率)

2、Text

Text显示的文本

Font使用的文字的字体

FontStyle文字字体样式

LineSpacing行间距

AIignment对齐方式、Color字体的颜色

Horixontal溢出

RichText多格式文本（富文体）

Best Fit最佳匹配方式

其它：color颜色，size大小，b加粗，i倾斜

3、Panel

Panel 面板实际上就是一个容器，在其上可放置其他 UI 控件（会创建一个Image(Script组件)）

Source Image设置图像

Color改变颜色

4、Image

Source Image 图片格式为2DandUI的图片

Color图片添加的颜色

Material图片添加的材质

Raycast Target 射线投射目标

Simple图片全显示不裁切，根据边框大小拉伸

PreserveAspect(比例锁定)选中后，图片会保持初始的长宽比例

 Sliced（切片的）：图片切片显示，在Project页面选中图片，切换为Sprite（2D and UI）模式后，点击Sprite Editor进入图片裁切模式，将图片裁切为上图的形状，使用Sliced模式后，根据图片边框拉伸，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会拉伸5进行填充。Fill Center（填充中心）：勾选后，5显示，反之，5不可见

 

Tiled（平铺的）：若图片已经过裁切，则使用Tiled模式后，根据图片边框拉伸，图片的四个角会保持原状，而1和4部分会随着图片的横向拉伸而拉伸，2和3部分会随着图片的纵向拉伸而拉伸，图片的中间部分会用5进行平铺填充。若图片未裁切，则使用Tiled模式后，根据图片边框拉伸，图片保持原大小不做变化，只是用自身平铺填充。
Fill Center（填充中心）：（已裁切的图像源才有此选项）勾选后，5显示，反之，5不可见

 

Filled（填充的）：根据填充方式、填充起点、填充比例决定图片显示哪一部分。
Fill Method（填充方式）：分为水平、垂直、90度圆、180度圆、360度圆。
Fill Origin（填充起点）：根据填充方式不同有所变化。
Fill Amount（填充比例）：0是完全不显示，1是完全显示

 5、RawImage

Texture显示的图片（RawImage(Script)）(图片可以是任何类型)

Color设置图片的颜色 (可以改变图片的主色调)

Material（图片的材质）

6、RawImage和Image的区别

    Image控件用于显示Sprite类型的图片

    RawImage控件用于显示Texture类型图片

7、FieIdInpru

Text Component(文本组件)输入文本显示，带有Text组件的物体

Text(文本）输入初始值

Character Limit（字符数量限制）输入最大输入的字符，0为不限制

Content Type(输入的内容类型)数字、密码等 1.Standard(标准类型)什么能可能输入，只要富媒体能够支持数2.Integer Number(整数类型)只能输入一个整数3.DecimaI Number（十进制）能输入整数或者小数4.AIpha numeric (文字和数字)输入数字和字母5.Name（姓名类型）输入英文和文字，英文自动姓名化（首字母大写）6.Password(密码类型)输入的字符会隐藏起来（显示星号）7.Single Line(单一行)超过边界不换行，继续延伸此行，输入框中内容只有一行8.multi Line Submit(多行)超过换行，输入框中内容有多行9.multi Line Newline(多行)超过则新建换行，输入框中内容有多行                                                                   

Placeholder（位置提示）输入框中输入控制符，带有Text组件的物体

Caret blink rate(光标闪烁速度)标示输入光标闪烁的速度

Hide mobile input(手机端隐藏输入)

On Value Changed值 改变时触发消息

End Edit结束编辑时触发消息

8、Button

Image(效果与Image一样)

Button:1.Interactable(交互)Button是否可以点击 的开关，关闭进入Disabled状态2.Transition(变化)设置Button按下，弹起，不可用的显示状态(1.None(空)只使用Image里设置图片2.Color Tint(着色)在Image里设置的图片基础上进行着色3.Sprite Swap（图片切换）踊Color Tint中的相似，区别在于设置的图片4.Animation(执行动画))3.Navigation(导航)选中按钮后可以用方向键，WASD上下左右选择其它按钮，前提是导航目标按钮开户了导航功能，通过回车或者空格点击响应点击事件（1.None(关闭2.Horizontal(水平导航)左右能导航到按钮3.Automatic(自动导航)上下左右都能能导航到按钮4.Vertical(垂直导航)上下导航到按钮5.Explicit(指定导航)指定上下左右按键能导航到按钮上）