用UGUI Slider做血条时遇到的一个小问题

前段时间想在小游戏中做一个血条UI,自然而然地想到了用UGUI的Slider。

在Unity中可以通过编辑器菜单一键创建一个Slider。这样的一个Slider里会包含Background、Fill Area和Handle Slide Area三个部分。其中Handle Slide Area就是滑块。血条不需要滑块,因此要将它删掉。

用UGUI Slider做血条时遇到的一个小问题_第1张图片

刚用编辑器菜单创建的Slider。需要将Handle Slide Area也就是滑块删掉。

我以为将滑块删掉就万事大吉不用改了,谁知却遇到一个问题。Value为0的时候,血条在表现上还有残留的血量:

用UGUI Slider做血条时遇到的一个小问题_第2张图片

Value为1的时候,血量却还没填满整个血条:

用UGUI Slider做血条时遇到的一个小问题_第3张图片

后来发现要将Fill Area及其孩子Fill的Left和Right都调成0才行。这样问题就解决了。

用UGUI Slider做血条时遇到的一个小问题_第4张图片

这里Left是指UI控件的左边缘相对于Anchors Min X的距离,Right是右边缘相对于Anchors Max X的距离。


本文在我的独立博客上的地址:http://zxtechart.com/2018/03/01/ugui-slider-hp/

你可能感兴趣的:(游戏开发)