UGUI--Slider

常用属性详解

Interactable

当此处没勾选时将不能进行交互，即在游戏中不能拖动该滑动条

。

Transition

选择以何种方式对用户的操作做出反应。

None

无特殊变化。

Color Tint

用颜色的变化对用户的操作做出反应

Normal Color

当滑动条静止时控件的颜色

Highlighted Color

当鼠标位于滑动条时控件会显示此处颜色。

Pressed Color

当鼠标正在点击时，会显示此颜色，松开鼠标该颜色褪去。

Disabled Color

当该滑动条被禁用互动时,即Interactable取消勾选时显示此颜色。

Sprite Swap

Highlighted Sprite

当鼠标位于滑动条时会显示此图片。

Pressed Sprite

当鼠标正在点击时，会显示此图片，松开鼠标该图片消失。

Disabled Sprite

当该滑动条被禁用互动时,即Interactable取消勾选时显示此图片。

Animation

此处看官方手册就好。

Normal Color

要使用的正常动画触发器。

Highlighted Color

控件突出显示时要使用的触发器。

Pressed Color

控件按下时要使用的触发器。

Disabled Color

控件禁用时要使用的触发器。

Direction

拖动控制柄时滑动条值增加的方向。

Left To Right、Right To Left、Bottom To Top 和 Top To Bottom分别表示从左往右滑动，从右向左滑动，从底向上滑动，从上往下滑动。

Value

这里设置滑动条的当前数值。

Whole Numbers

勾选此选项后Value的值只能是整数。

Min Value与Max Value

分别表示Value的最小值的最大值。

利用Slider实现血条效果,并使其随血量变化血量也变化

第一步:
在需要添加的物体下添加子物体Slider，并删除Slider里的Handle Slide Area，删除的目的是使血条更真实。
第二步:
将Canvas里面的Render Mode勾选为World Space,将主相机附到Canvas里面的Event Camera上，然后调整Canvas大小到合适的地步。如图:

第三步:
在Background和Fill的Source Image里挑选合适的图片作为血条。
第四步:
给Solider添加代码使其随血量改变而变色。代码如下：

 private void OnValueChanged() {
        text.text = 4000 * slider.value + "/4000";
        if (slider.value * 4000 > 2500) { m_Image.color = Color.green; }
        if (slider.value * 4000 <= 2500 && slider.value * 4000 >= 800) { m_Image.color = Color.yellow; }
        if (slider.value * 4000 < 800) { m_Image.color = Color.red; }
    }

效果展示: