Uniyt UI界面初步解读（一）

首先说一下这个锚点的问题：

 

在不按alt的时候就是设置锚点，锚点的意思是改变carvas的大小之后的对齐方式。

 

按住alt之后就和锚点没关系，这个代表当前组件的位置，比如当前就中间右对齐

 

 

Text组件：

 

Font Style：默认，黑体，斜体，黑斜体

Line Spacing ：行间距，设置为1的话可以同时显示多行，默认是1,如果是0的话会显示一行，多余的会重叠。

Horizontal/Vertical Overflow：wrap（掩藏）/Overflow（溢出），Line Spacing如果为1的话就会转行，溢出的意思是

溢出这个框。

 

 

Image：

注意操作好他的Rect就OK

Image只能接受一个Sprite（在导入的图片的Texture Type中设置就好）

 

Raycast target ：是否接受光线投射。

 

RawImage：

 

目前看来差不多，就是可以直接接受.png .jpg的图片，而Image只能接受一个精灵

Button：

在建立的时候会自动添加一个Image和一个Button组件

 

 

 

Interactable：可以使用吗？默认勾选

Transition：button的几种状态的切换

 

通过改变颜色/通过图片的切换/通过动画

 

正常状态/鼠标放在button上的状态/按压状态

Navigation：导航按钮，假如目前你有多个按钮，点击了第一个之后，他会通过什么方式过度到下一个按钮：水平/竖直/自动识别/自己指定

 

OnClick（）：

一般添加脚本，通过代码来添加，会指定一个object

 

 

Tog：

 

在创立的时候自动建立三个ui，Background包含了Checkmark（勾选图标），并且可以这么理解：文字+勾选图标 = 背景 ∈Toggle。

Background也有一个图片（不过默认锚点有问题，需要自己调整），CheckMark也有。

在说Toggle的专有组件：

 

与Button无太多差异

Is On 是用来形容默认是否勾选，带勾的话就算勾选

Toggle Translation 是用来形容选中状态与非选中状态的转变，fade~

Slider：

 

 

 

不得不服Unity的编排，Slider只比Toggle多了一点东西：

DIrection：滑动方向

Min/Max Value：最小/最大值

Whole Numbers 滑动就滑到头

Value ：默认值，不能和Whole Numbers同时开启

ScrollBar：

 

 

就是这么一个肥肥的Slider，感觉可以做血条

Value：默认位置

Size：默认大小

Number Of Steps：通过几步能走完这个进度条