UGUI基本控件（二）

Button控件(按钮控件)检视面板

Interactable 是否启用用户交互，即通过鼠标是否能点击Button,发现去掉勾选后，Button变暗

Transition :过渡方式，即鼠标在button上面不同的事件不同的效果。

*Color Tint

Normal Color:Button的颜色，背景色为白色，

Highlighted Color：高亮色，即鼠标放在按钮上产生的效果为浅灰白色。

Pressed Color ：鼠标按下按钮时颜色变为灰色。

Disabled Color:未被激活时的颜色。

*None

什么状态都没有。

*Sprite Swap(图片切换)

Highlighted Sprite:鼠标放在按钮上产生的效果为你所设置的图片

Pressed Sprite 鼠标按下按钮时按钮切换图片

Disabled Sprite 未被激活时的图片。即Interactable曲彪勾选后。

*Animation(动画)

跟上面的属性一样的意思。只不过是改成动画的样子了。

点击 auto Generate Animation ，设置完成，这时选择再按crtl+6进入动画系统。


点击Normal ,Normal下面有Highlighted，Pressed，Disabled。意思在上面有。这里选择了Highlighted来制作动画。


点击 Add Property ，选择 Rect Transform里面的Scale 。先在第二帧设置x,y的值，之后再第一帧设置x,y的值。之后就可以实现在鼠标放在Button上面实现按钮放大，缩小的效果。同理可以设置其他的效果。

Navigation 状态导向

On Click() 点击事件。

给Bottun里面加个脚本，在脚本里面这样写。

public void OnClick(){

print("点击事件");

}

这时点击+ 后会出现图上的空，将带有脚本的Button拖入如图位置，且选择右边的脚本里面方法即可。这时点击按钮即可实现对应的效果。

Slider控件 滑动条





slider检视面板，前面的属性基本是一样的。Value值是滑动条的值，Min Value 设置滑动条最小值，Max Value 设置滑动条最大值。 Value可以拖动来显示。

放框里面的方法跟上面的Button类似。不过，这里面有个注意的地方是，On Value Changed (Single)是有返回值。为float型。